前端优化（随时更新补充）

前端优化的策略很多，总结起来主要包括网络加载类、页面渲染类、CSS优化类、JS执行类、缓存类、图片类、架构协议类等。

一、网络加载类

1. 减少HTTP资源请求次数
2. 减小HTTP请求大小
3. 将CSS或JS放到外部文件中，避免使用或标签直接引入
4. 避免页面空的href和src
5. 为HTML指定Cache-Control或Expires
6. 合理设置Etag和Last-Modified
7. 减少页面重定向
8. 使用静态资源分域存放来增加下载并行数
9. 使用静态资源CDN来存储文件
10. 使用CDN Combo下载传输内容
11. 使用可缓存得AJAX
12. 使用GET来完成AJAX请求
13. 减少Cookie的大小并进行Cookie隔离
14. 缩小favicon.ico并缓存
15. 推荐使用异步JS资源
16. 消除阻塞渲染的CSS及JS
17. 避免使用CSS import引用加载CSS

二、页面渲染类

1. 将CSS资源引用放到HTML文件顶部
2. JS资源引用放到HTML文件底部
3. 不要在HTML中直接缩放图片
4. 减少DOM元素数量和深度
5. 尽量避免使用<table>,<iframe>等慢元素
6. 避免运行耗时的JS
7. 避免使用CSS表达式或CSS滤镜

----------------------------------------------------------------------------------------------------------------------------------

参考资源列表：

http://web.jobbole.com/93665/?utm_source=blog.jobbole.com&utm_medium=relatedPosts