前端性能调优小结

前端页面性能调优较经常使用的工具备 Yslow 和 Page Speed（google），小编以Yslow工具作下前端性能调优小结：
安装Yslow要先安装 Firebug（以火狐为例），打开Firebug窗口，选择Yslow选项。
点击 Run Test 运行Yslow。

调优方法以下：

1. Make fewer HTTP requests：尽可能使用少的http请求，好比把多个js，css进行合并
2. Use a CDN：尽可能使用cdn，减小网络访问路径
3. Add an Expires header：设置过时的HTTP Header。
4. Put CSS at the top ：把CSS放到页面的顶部
5. Put JS at the bottom： 把Javascript脚本尽可能放到页面底部加载。
6. Gzip components ：对咱们的页面内容进行Gzip格式的压缩，减小文件传输的字节数。
7. Reduce DNS lookups ：尽量少的DNS查找。
8. Avoid CSS expressions ：避免CSS表达式，该项影响性能。
9. Avoid redirects：尽可能 避免重定向（跳转），重定向虽然处于安全考虑，可是重定向多了，势必影响性能。
10. Minify JS ：对Javascript代码进行压缩，一样是减小文件传输的字节数。
11. Remove duplicate scripts  ：去除重复的脚本，这点不用解释了吧。
12. Make AJAX cacheable：对ajax请求加上缓存，避免重复的ajax请求影响性能。
13. Reduce the number of DOM elements：减小DOM元素数量。
14. Make JS and CSS external：将CSS和JS使用外部的独立文件。
15. Avoid HTTP 404 (Not Found) error：避免404错误页（非搜索结果）。
16. Reduce the number of DOM elements：减小DOM元素数量
17. Avoid AlphaImageLoader filter：避免过滤器的使用
18. Do not scale images in HTML：不要在HTML中缩放图片。
19. Make favicon small and cacheable：压缩favicon. ico的体积并缓，虽然 ico存储不大，可是能压缩减小传输大小也是好的。
20. 还有两项不是重点: Configure ETags 和 Reduce cookie size，能够参考进行优化一下。