- 网络部分
- 尽量减少HTTP请求数
- 合并文件
- 雪碧图
- 小图Base64
- 减少DNS查找
- 开启DNS预解析
- 使用CND静态资源服务器
- 避免重定向
- 杜绝404
- 尽量减少HTTP请求数
- 缓存
- 配置ETags
- 实体标签（ETags），是服务器和浏览器用来决定浏览器缓存中组件与源服务器中的组件是否匹配的一种机制
- 添上Expires或者Cache-Control HTTP头
- 使用外链的方式引入JS和CSS（缓存）
- 配置ETags
- 内容部分
- 按需加载组件
- 预加载组件
- 减少DOM元素的数量
- 尽量少用iframe
- 压缩JavaScript和CSS（代码层面）
- CSS 部分
- 避免使用CSS表达式
- 选择
<link>而不是@import - 避免使用滤镜
- 把样式表放在顶部
- JS 部分
- 把脚本放在底部
- 去除重复脚本
- 减少DOM访问
- 图片部分
- 选用合适的图片格式
- 雪碧图中间少留空白
- 不要用HTML缩放图片，要小图就去加载小图
- 用小的可缓存的favicon.ico
- cookie
- 给cookie减肥
- 清除不必要的cookie
- cookie尽可能小
- 设置好合适的域
- 合适的有效期
- 把静态资源放在不含cookie的域下
- 当浏览器发送对静态图像的请求时，cookie也会一起发送，而服务器根本不需要这些cookie。
- 给cookie减肥
页面性能：如何系统地优化页面？
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
