一、HTML优化
渲染顺序
- CSS样式表置于头部，CSS会一边加载一边渲染
- JS脚本置于尾部，JS在完成加载之前会造成渲染阻塞
- 避免使用iframe
- 使用骨架屏
二、CSS优化
加载优化
- 避免使用
@import和!import - 避免使用通配符
动画优化
- 使用transform开启图形加速
- translate取代left，可以避免页面重排
三、JS优化
运行速度
- 用switch代替if，按照最可能到最不可能的顺序排序case语句
- 使用定时器时，用
setTimeout取代setInterval，setInterval会一直占用内存
变量优化
- 避免全局查找，可以将需要访问的属性用变量保存
- 使用变量比使用对象属性和数组元素要快
减少无用操作
- 使用节流、防抖
四、网络优化
- 善用缓存
- 使用CDN，加速资源的请求速度
- 压缩图片、HTML、CSS、JS代码（GZIP）
