前端工程性能优化

最新推荐文章于 2024-01-22 11:48:44 发布

WHU_JiangLong

最新推荐文章于 2024-01-22 11:48:44 发布

阅读量624

点赞数

分类专栏： web前端文章标签：性能优化前端 javascript

本文链接：https://blog.csdn.net/Jiang216/article/details/121268068

版权

依据雅虎14条性能优化原则，《高性能网站建设指南》及《高性能网站建设进阶指南》中提到的性能优化点，按照优化方向进行分类整合，得到以下优化原则分类表：

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

目前大多数前端团队可以利用 yui compressor 或者 google closure compiler 等压缩工具很容易做到 精简Javascript 这条原则；同样的，也可以使用图片压缩工具对图像进行压缩，实现 图像优化 原则。这两条原则是对单个资源的处理&

关注