前端性能调优小结

标签：icon   重定向   ons   fir   安全   ESS   使用外部   scripts   代码   

调优方法如下：

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，可以参考进行优化一下。

前端性能调优小结

标签：icon   重定向   ons   fir   安全   ESS   使用外部   scripts   代码   

原文地址：https://blog.51cto.com/14103476/2522446