译-提升页面性能的最好实践(雅虎35条军规)
内容#
- 尽可能减少HTTP请求
- 减少DNS查找（即具体IP代替域名）
- 避免重定向
- 设置Ajax可缓存
- 延迟加载组件
- 预加载组件
- 减少DOM元素数量
- 跨域分割组件
- 尽可能减少iframes数量
- 避免404
服务#
- 使用CDN（内容分发网络）
- 添加
Expires和Cache-Control头部 - 压缩组件
- 配置ETags
- 清空缓存区
- 对Ajax使用GET请求
- 避免Image标签的src为空
cookies#
- 减少Cookie的体积（大小）
- 为组件使用没有cookie的域
样式#
- CSS文件在顶部引用
- 避免CSS表达式
- 使用替代
[@import ](/import ) - 避免filter
JavaScript#
- 放置Scripts在底部
- 把JavaScript和CSS放外边
- 压缩JavaScript和CSS
- 删除重复的Scripts
- 尽可能减少访问DOM
- 开发事件智能处理
图片#
- 优化Images
- 优化CSS雪碧图
- 不要在HTML中放缩Images
- 使用小的收藏夹图标并缓存
移动端#
- 组件大小控制在25KB以下
- 打包组件到一个复合文档