如何利用webpack来优化前端性能

  1. 压缩代码。删除多余的代码、注释、简化代码的写法等等方式
  2. 利用 CDN 加速。在构建过程中,将引用的静态资源路径修改为 CDN 上对应的路径
  3. 删除死代码,将代码中永远不会走到的片段删除掉
  4. 优化图片,对于小图可以使用 base64 的方式写入文件中
  5. 按照路由拆分代码,实现按需加载,提取公共代码
  6. 给打包出来的文件名添加哈希,实现浏览器缓存文件
发布了31 篇原创文章 · 获赞 5 · 访问量 787

猜你喜欢

转载自blog.csdn.net/weixin_45899022/article/details/103467522