十. 性能優化 · JS前端開發群規

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