优化网站性能的35条规则

Posted princess-knight

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了优化网站性能的35条规则相关的知识,希望对你有一定的参考价值。

  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

参考:

以上是关于优化网站性能的35条规则的主要内容,如果未能解决你的问题,请参考以下文章

前端性能优化:雅虎14条优化规则

前端性能优化

前端性能优化 23 条建议

网站打开速度优化_如何提高网页访问速度技巧方法总结

网站页面性能优化的34条黄金守则

雅虎网站页面性能优化的34条黄金守则