性能優化 · Angular-Nodejs

<div class="view-body think-editor-content"><ol><li> <p>常規優化</p> <ul><li><a href="http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering">Javascript高性能動畫與頁面渲染</a></li><li><a href="http://isux.tencent.com/h5-performance.html">移動H5前端性能優化指南</a></li><li><a href="http://ued.5173.com/?p=1731">5173首頁前端性能優化實踐</a></li><li><a href="http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers">給網頁設計師和前端開發者看的前端性能優化</a></li><li><a href="http://www.orzpoint.com/profiling-css-and-optimization-notes/">復雜應用的 CSS 性能分析和優化建議</a></li><li><a href="http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD/">張鑫旭——前端性能</a></li><li><a href="http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html">前端性能監控總結</a></li><li><a href="http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/">網站性能優化之CSS無圖片技術</a></li><li><a href="http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html">web前端性能優化進階路</a></li><li><a href="http://my.eoe.cn/tuwandou/archive/4544.html">前端技術：網站性能優化之CSS無圖片技術</a></li><li><a href="http://www.baiduux.com/blog/2011/02/15/browser-loading/">瀏覽器的加載與頁面性能優化</a></li><li><a href="http://www.w3ctech.com/p/1503">頁面加載中的圖片性能優化</a></li><li><a href="http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD">Hey——前端性能</a></li><li><a href="http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2/">html優化</a></li><li><a href="http://www.99css.com/archives/tag/%E6%80%A7%E8%83%BD">99css——性能</a></li><li><a href="http://www.yslow.net/category.php?cid=20">Yslow——性能優化</a></li><li><a href="http://www.cnblogs.com/yslow/">YSLOW中文介紹</a></li><li><a href="http://www.360ito.com/article/40.html">轉一篇Yahoo關于網站性能優化的文章，兼談本站要做的優化</a></li><li><a href="http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml">Yahoo!團隊實踐分享：網站性能</a></li><li><a href="http://blog.jiasule.com/i/153">網站性能優化指南：什么使我們的網站變慢？</a></li><li><a href="http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html">網站性能優化實踐，減少加載時間，提高用戶體驗</a></li><li><a href="http://www.umtry.com/archives/747.html">淺談網站性能優化前端篇</a></li><li><a href="http://www.adinnet.cn/blog/designview/2012-7-12/678.html">前端重構實踐之如何對網站性能優化？</a></li><li><a href="http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9/">前端性能優化：使用媒體查詢加載指定大小的背景圖片</a></li><li><a href="http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html">網站性能系列博文</a></li><li><a href="http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml">加載，不只是少一點點</a></li><li><a href="http://mzhou.me/article/95310/">前端性能的測試與優化</a></li><li><a href="http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading/">分享網頁加載速度優化的一些技巧？</a></li><li><a href="http://www.f2es.com/images-bytes-opt/">頁面加載中的圖片性能優化</a></li><li><a href="http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html">web前端優化(基于Yslow)</a></li><li><a href="http://www.qianduan.net/website-performance-optimization-tool.html">網站性能優化工具大全</a></li><li><a href="http://www.alloyteam.com/2012/10/high-performance-html/">【高性能前端1】高性能HTML</a></li><li><a href="http://www.alloyteam.com/2012/10/high-performance-css/">【高性能前端2】高性能CSS</a></li><li><a href="http://coolshell.cn/articles/6470.html">由12306談談網站前端性能和后端性能優化</a></li><li><a href="http://www.alloyteam.com/category/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96/">AlloyTeam——前端優化</a></li><li><a href="http://www.cnblogs.com/developersupport/p/3248695.html">毫秒必爭，前端網頁性能最佳實踐</a></li><li><a href="http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html">網站性能工具Yslow的使用方法</a></li><li><a href="http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1">前端工程與性能優化（上）：靜態資源版本更新與緩存</a></li><li><a href="http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2">前端工程與性能優化（下）：靜態資源管理與模板框架</a></li><li><a href="http://blog.jobbole.com/48369/">HTTPS連接的前幾毫秒發生了什么</a></li><li><a href="http://uicss.cn/yslow/#more-12319">Yslow</a></li><li><a href="http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1/">Essential Web Performance Metrics — A Primer, Part 1</a></li><li><a href="http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2/">Essential Web Performance Metrics — Part 2</a></li><li><a href="http://jayli.github.io/blog/data/2011/12/23/yuislide.html">YUISlide,針對移動設備的動畫性能優化</a></li><li><a href="http://joelglovier.com/improving-site-performance/">Improving Site Performance</a></li><li><a href="http://blog.segmentfault.com/laopopo/1190000000367899">讓網站提速的最佳前端實踐</a></li><li><a href="http://sixrevisions.com/web-development/why-website-speed-is-important/">Why Website Speed is Important</a></li><li><a href="http://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance/">Need for Speed – How to Improve your Website Performance</a></li><li><a href="https://github.com/amfe/article/issues/1">阿里無線前端性能優化指南 (Pt.1 加載期優化) </a></li></ul> </li><li> <p>優化工具</p> <ul><li><a href="http://www.html-js.com/article/3083">JavaScript 性能分析新工具 OneProfile</a></li><li><a href="http://www.html-js.com/article/3091">JavaScript 堆內存分析新工具 OneHeap</a></li></ul> </li><li> <p>在線工具</p> <ul><li><a href="https://developers.google.com/speed/pagespeed/insights/">google在線工具</a></li><li><a href="http://www.alibench.com/">阿里測</a></li><li><a href="http://itest.aliyun.com/">阿里-免費測試服務</a></li><li><a href="https://github.com/alibaba/f2etest">阿里-F2etest多瀏覽器兼容性測試解決方案</a></li><li><a href="http://jsperf.com/">js性能測試</a></li><li><a href="http://smallpdf.com/cn">輕松玩轉PDF</a></li></ul> </li></ol></div>