前端性能优化

前端性能优化的手段

前端性能优化分为两类：

一、使页面加载更快
二、使页面渲染更快

• 加载更快的方法：
  + 1、让传输的数据包更小（压缩文件/图片）：****图片压缩和文件压缩 （资源合并了与压缩，尽可能将外部的脚本，样式进行合并，多个合为一个，另外可以通过工具对css，
  js代码进行压缩）
  + 2、减少网络请求（http请求）的次数：****雪碧图/精灵图、防抖、节流
  + 3、减少渲染的次数：****合理设置http缓存 （被缓存的资源返回的状态码是304，只有header没有body，节省了带宽）常用（HTTP缓存、本地缓存、Vue的keep-alive缓存等）
• 渲染更快的方法：
  + 1、提前渲染：****SSR服务器渲染
  + 2、避免渲染阻塞：****css放在HTML的head中 js放在HTML的body底部 （将外部脚本置底，浏览器并发请求时，外链脚本加载完后会阻塞其他资源（图片等），直到脚本加载 完才会开始加载,最简单的方法就是尽量往后放；）
  + 3、避免无用渲染：****懒加载
  + 4、减少渲染次数：****尽量减少对DOM的操作、对DOM查询进行缓存、将DOM操作合并