<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>