网络相关

1. scrip标签放在body后

CSS放在

因为JS阻塞DOM的构建(因为DOM解析遇到JS会停止解析，开始下载脚本并执行)，CSSOM的构建阻塞JS执行

1. 压缩文件
2. 按需加载
3. 避免逐个操作DOM样式，尽可能预留好CSS样式，通过样式名的修改改变DOM样式，集中式操作减少reflow

的次数

1. 减少iframe数量

合成

1. 合成层的位图交由GPU处理，比CPU块
2. repaint本身，不影响其它层
3. transform和opacity不触发重绘

代码问题

1. 频繁使用JSON.parse/JSON.stringify大对象
2. 正则灾难性回溯
3. 内存泄漏

网络相关

DNS预解析

预先获得域名所对应的 IP，href的值是预解析的域名

preload和prefetch

preload强制浏览器立即获取资源，具有较高优先级

prefetch的资源获取时可选和较低优先级的，是否获取取决于浏览器

缓存

强缓存

协商缓存

选择合适缓存策略

对于大部分的场景都可以使用强缓存配合协商缓存解决

1. 使用 Cache-control: no-store，表示该资源不需要缓存
2. 使用 Cache-Control: no-cache 并配合 ETag，表示该资源已被缓存，但是每次都会发送请求询问资源是否更

新

1. 使用 Cache-Control: max-age=31536000 并配合策略缓存使用，对文件进行指纹处理，一旦文件名变动就会