讲讲性能优化、讲讲webpack优化

性能优化主要是从两个方面文件加载速度和页面渲染速度： 一、文件加载速度的优化主要有： 1、让传输的数据包更小：图片压缩和文件压缩 2、减少网络请求的次数：雪碧图或者精灵图，防抖截流、本地存储 3、减少渲染次数：缓存（http缓存、本地缓存、vue中keep-alive组件缓存等） 基于以上几点在webpack上的性能优化的配置可以有：在打包过程中可以将多个css文件或者js文件打包成一个文件，减少网络的请求。使用tree-sharking在打包的时候把没有用到的组件给剔除减小打包体积。使用懒加载提高加载速度，使用图片压缩loader对图片进行压缩，减小体积。使用webpack的缓存功能，对没有更新的模块走缓存，避免重复打包减少打包时间。

编辑于 2024-01-02 15:27:43