前端优化指南(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;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容