前端性能优化
前端性能优化分为页面级优化，代码级优化
页面级优化
减少HTTP请求
- 合理使用缓存
- 资源合并压缩，例如将CSS和JS进行压缩
- 合并CSS图片生成精灵图
- 适当使用缓加载，不一定能减少HTTP请求，但是可以减少在同一时刻的http请求，减少占用带宽资源
将外部脚本置底部
浏览器加载js时会将整个页面挂起，当js加载完成后才回去加载后续的资源，如果加载的js过大，就会导致用户等待时间过长
将CSS放到HEAD中
代码级别优化
JS
- 减少DOM操作
- 会涉及到重排和重绘
- 减少
+=字符串拼接，可以使用join()方法合并
CSS
- 减少使用CSS选择符，因为要遍历其祖先节点
IMG
- 图片压缩
