前端性能优化

参考：https://blog.csdn.net/xustart7720/article/details/79960591

           https://segmentfault.com/a/1190000011554027

1. 减少HTTP请求，合理设置HTTP缓存

• 减少HTTP请求：合并CSS、JS、图片
• 关于HTTP缓存1 关于HTTP缓存2
• CSS Sprites

2. 浏览器缓存

3. 启用压缩

压缩HTML、CSS、JS文件

4. JS预加载与懒加载

https://blog.csdn.net/niuniu924/article/details/103521576

5. CSS放在head标签，JS放在body最下方

https://blog.csdn.net/niuniu924/article/details/103527656

6. 减少cookie传输

关于Cookie

7. Javascript代码优化

• innerHtml代替DOM操作
• className代替修改style
• 减少作用域链查找
• 数组join代替频繁的字符串拼接
• 避免使用eval和Function
• 慎用with
• 频繁访问的对象或数组元素存入局部变量
• ...

8. CSS代码优化

• 尽可能减少选择器层级嵌套
• 避免src为空
• ...