优化网站性能的35条规则

Posted 2020-12-04 princess-knight

1. 最小化HTTP请求次数
2. 使用内容分发网络（CDN）
3. 添加Expires或Cache-Control标头
4. 使用Gzip组件
5. 将CSS样式表放在顶部
6. 将javascript脚本放在底部
7. 避免使用CSS中的expressions（貌似已废弃）
8. 将JavaScript和CSS独立成外部文件
9. 减少DNS查询
10. 压缩JavaScript和CSS(包括内联<script>和<style>)
11. 避免重定向
12. 删除重复的脚本
13. 配置实体标记ETag
14. 使Ajax可以缓存
15. 尽早清除缓冲区
16. 使用GET进行Ajax请求
17. 延迟加载组件
18. 预加载组件
19. 减少DOM元素的数量
20. 跨域拆分组件
21. 最小化iframe数量
22. 不出现404s
23. 减小Cookie大小
24. 对组建使用cookie-free的域名
25. 最小化DOM的访问次数
26. 开发巧妙的事件处理程序
27. 优先选择使用<link>而非@import
28. 避免使用filters
29. 优化图片
30. 优化CSS Sprites
31. 不要在html中缩放图像
32. 减小favicon.ico的体积并缓存
33. 保持组件小于25K
34. 将组件拆分到多个文档中
35. 避免设置空图像的src

参考：

Best Practices for Speeding Up Your Web Site