前端页面性能调优较常用的工具有 Yslow 和 Page Speed（google），小编以Yslow工具做下前端性能调优小结：
安装Yslow要先安装 Firebug（以火狐为例），打开Firebug窗口，选择Yslow选项。
点击 Run Test 运行Yslow。
调优方法如下：
- Make fewer HTTP requests：尽量使用少的http请求，比如把多个js，css进行合并
- Use a CDN：尽量使用cdn，减少网络访问路径
- Add an Expires header：设置过期的HTTP Header。
- Put CSS at the top ：把CSS放到页面的顶部
- Put JS at the bottom： 把Javascript脚本尽量放到页面底部加载。
- Gzip components ：对我们的页面内容进行Gzip格式的压缩，减少文件传输的字节数。
- Reduce DNS lookups ：尽可能少的DNS查找。
- Avoid CSS expressions ：避免CSS表达式，该项影响性能。
- Avoid redirects：尽量 避免重定向（跳转），重定向虽然处于安全考虑，但是重定向多了，势必影响性能。
- Minify JS ：对Javascript代码进行压缩，同样是减少文件传输的字节数。
- Remove duplicate scripts ?：去除重复的脚本，这点不用解释了吧。
- Make AJAX cacheable：对ajax请求加上缓存，避免重复的ajax请求影响性能。
- Reduce the number of DOM elements：减少DOM元素数量。
- Make JS and CSS external：将CSS和JS使用外部的独立文件。
- Avoid HTTP 404 (Not Found) error：避免404错误页（非搜索结果）。
- Reduce the number of DOM elements：减少DOM元素数量
- Avoid AlphaImageLoader filter：避免过滤器的使用
- Do not scale images in HTML：不要在HTML中缩放图片。
- Make favicon small and cacheable：压缩favicon. ico的体积并缓，虽然 ico存储不大，但是能压缩减少传输大小也是好的。
- 还有两项不是重点: Configure ETags 和 Reduce cookie size，可以参考进行优化一下。
前端性能调优小结
原文：https://blog.51cto.com/14103476/2522446
