前端工程系列（二）

前端工程与性能优化

首先，我们把雅虎14条优化原则，《高性能网站建设指南》以及《高性能网站建设进阶指南》中提到的优化点做一次梳理，按照优化方向分类，可以得到这样一张表格：

优化方向 优化手段
请求数量 合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域
请求带宽 开启GZip，精简JavaScript，移除重复脚本，图像优化
缓存利用 使用CDN，使用外部JavaScript和CSS，添加Expires头，减少DNS查找，配置ETag，使AjaX可缓存
页面结构 将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出
代码校验 避免CSS表达式，避免重定向

我们把以上这些已经成熟应用到实际生产中的优化手段去除掉，留下那些还没有很好实现的优化原则。再来回顾一下之前的性能优化分类：

优化方向 优化手段
请求数量 合并脚本和样式表，拆分初始化负载
请求带宽 移除重复脚本
缓存利用 添加Expires头，配置ETag，使Ajax可缓存
页面结构 将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出

详细内容：https://github.com/fouber/blog/issues/3

文章来源：https://github.com/fouber/blog/issues/3

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容