前端性能优化手册

基础

性能优化：是浏览器对从url到页面的过程进行优化；
概念：
1. 白屏时间： 地址栏输入网址后回车 - 浏览器出现第一个元素
2. 首屏时间： 地址栏输入网址后回车 - 浏览器第一屏渲染完成

网络部分

1. （图片）通过CSS Sprites，减少css图片请求
2. （图片）将小图片的内容以Base64格式内嵌到HTML中
3. 合并压缩css和js文件
4. 缓存策略
5. 懒加载策略
6. 异步策略
7. 静态资源使用内容分布网络（CDN）

渲染部分

1. 对Dom进行缓存
2. 多个dom操作合并成一个
3. 去除重复脚本
4. img标签要设置高宽，减少重绘重排
5. 不要在HTML中缩放图片
6. 节流和防抖处理
7. 避免使用iframe
8. 服务器渲染