- 最小化HTTP请求次数
- 使用内容分发网络(CDN)
- 添加Expires或Cache-Control标头
- 使用Gzip组件
- 将CSS样式表放在顶部
- 将JavaScript脚本放在底部
- 避免使用CSS中的expressions(貌似已废弃)
- 将JavaScript和CSS独立成外部文件
- 减少DNS查询
- 压缩JavaScript和CSS(包括内联<script>和<style>)
- 避免重定向
- 删除重复的脚本
- 配置实体标记ETag
- 使Ajax可以缓存
- 尽早清除缓冲区
- 使用GET进行Ajax请求
- 延迟加载组件
- 预加载组件
- 减少DOM元素的数量
- 跨域拆分组件
- 最小化iframe数量
- 不出现404s
- 减小Cookie大小
- 对组建使用cookie-free的域名
- 最小化DOM的访问次数
- 开发巧妙的事件处理程序
- 优先选择使用<link>而非@import
- 避免使用filters
- 优化图片
- 优化CSS Sprites
- 不要在HTML中缩放图像
- 减小favicon.ico的体积并缓存
- 保持组件小于25K
- 将组件拆分到多个文档中
- 避免设置空图像的src
参考:
Best Practices for Speeding Up Your Web Site
原文地址:https://www.cnblogs.com/princess-knight/p/9314138.html
时间: 2024-11-08 09:30:28