前端优化指南（12种）

1. 减少HTTP请求；

1.1 CSS图片精灵；
1.2 使用data:这样的内联图片；
1.3 合并尽可能多的脚本和样式表；

2. CDN；

3. 压缩组件；

1.1 压缩代码；
1.2 使用gzip编码压缩HTTP响应包；

4. 样式表放在顶部，脚本放在底部；

理由：样式表放在顶部可以优先加载，不至于出现网速慢时先有无样式的HTML网页一闪而过的尴尬情景；至于脚本放在底部最后加载，是因为防止脚本加载错误或失败导致网页卡住。

5. 使用外联的JS和CSS；

这种方法选择性适用，对于统一、大型的网站（其网页几乎使用相同的JS和CSS文件），宜采用此方法；对于只有几张网页的网站来说则无必要（内联即可，还减少了HTTP请求）。

6. 避免CSS表达式；

7. 减少DNS查找；

1.1 Keep-Alive；
1.2 较少的域名；

8. 避免重定向；

9. 避免重复脚本；

10. 添加Expires头；

1.1 缓存；
1.2 HTTP引入了Cache-Control；

11. 使Ajax可缓存；

12. 配置/移除ETag；