前端性能优化分为两类:
1.文件加载更快:
① 让传输的数据包更小(压缩文件/图片):图片压缩和文件压缩
②减少网络请求的次数:雪碧图/精灵图、节流防抖
③减少渲染的次数:缓存(HTTP缓存、本地缓存、Vue的keep-alive缓存等)
2.文件渲染更快:
①提前渲染:ssr服务器端渲染
②避免渲染阻塞:CSS放在HTML的head中 JS放在HTML的body底部
③ 避免无用渲染:懒加载
④ 减少渲染次数:对dom查询进行缓存、将dom操作合并、使用减少重排的标签