优化目的
- 用户角度而言,优化能够让页面,加载快、操作响应及时,体验更好
- 服务商角度而言,优化能够减少页面请求数、减小请求所占带宽,节省资源
优化方面
速度方面
- 资源缓存,可以减少DNS查询,减少请求次数
- 按需加载资源,可以延迟加载/预加载
- 减少文件大小,可以通过压缩、合并
CSS,JS,IMG
- 减少DOM数,DOM操作
- 引入外部的
CSS,JS
,将JS
脚本置地 - 使用常量,抽取重复值,优化循环
- 减少作用域链的查找,尽量少使用全局变量,避免使用
eval,with
- 减少重绘重排,可以通过设置类
class
统一更新样式
兼容性方面
响应式布局
使用百分比,而不是绝对长度
使用相对字体大小
em