【译】提升页面性能的最好实践（雅虎35条军规）

原文链接

内容

1. 尽可能减少HTTP请求
2. 减少DNS查找（即具体IP代替域名）
3. 避免重定向
4. 设置Ajax可缓存
5. 延迟加载组件
6. 预加载组件
7. 减少DOM元素数量
8. 跨域分割组件
9. 尽可能减少iframes数量
10. 避免404

服务

1. 使用CDN（内容分发网络）
2. 添加Expires和Cache-Control头部
3. 压缩组件
4. 配置ETags
5. 清空缓存区
6. 对Ajax使用GET请求
7. 避免Image标签的src为空

cookies

1. 减少Cookie的体积（大小）
2. 为组件使用没有cookie的域

样式

1. CSS文件在顶部引用
2. 避免CSS表达式
3. 使用替代@import
4. 避免filter

JavaScript

1. 放置Scripts在底部
2. 把JavaScript和CSS放外边
3. 压缩JavaScript和CSS
4. 删除重复的Scripts
5. 尽可能减少访问DOM
6. 开发事件智能处理

图片

1. 优化Images
2. 优化CSS雪碧图
3. 不要在HTML中放缩Images
4. 使用小的收藏夹图标并缓存

移动端

1. 组件大小控制在25KB以下
2. 打包组件到一个复合文档