前端性能优化的手段有哪些

前端性能优化分为两类：

    1.文件加载更快：

            ① 让传输的数据包更小（压缩文件/图片）：图片压缩和文件压缩

            ②减少网络请求的次数：雪碧图/精灵图、节流防抖

            ③减少渲染的次数：缓存（HTTP缓存、本地缓存、Vue的keep-alive缓存等）

    2.文件渲染更快：

            ①提前渲染：ssr服务器端渲染

            ②避免渲染阻塞：CSS放在HTML的head中 JS放在HTML的body底部

            ③ 避免无用渲染：懒加载

            ④ 减少渲染次数：对dom查询进行缓存、将dom操作合并、使用减少重排的标签