webpack性能优化

70 阅读1分钟

构建性能

只考虑开发阶段的构建性能;

不考虑生产阶段的构建性能-生产环境的打包很少,只有在开发完成,测试完成之后才会进行生产环境的构建和打包,所以这个阶段不需要优化;

主要关注在开发阶段的构建性能,因为开发阶段需要频繁构建,每次代码修改,都需要进行构建和打包,因而优化可以节约时间,提高开发效率;

传输性能

打包之后的js代码会放在服务器,浏览器在网文页面的时候需要去请求js文件,从服务器传输到浏览器这一过程需要进行优化;优化点在于:

  • 控制总传输量(传输量越少,传输效率越高)
  • 文件数量(传输的文件数量越多,http请求就越多,响应速度就会越慢)
  • 浏览器缓存(被浏览器缓存的文件,浏览器将不会在进行传输)

运行性能

js代码在浏览器的运行速度,这将取决于我们如何书写高性能的代码;

总结

性能优化主要从上述三个方面入手,性能优化没有完美的解决方案,需要具体情况具体分析;开发阶段怎么优雅怎么好阅读怎么写(从一定角度考虑这提高了代码的可阅读性,提高了开发效率),当出现问题的时候再去考虑优化的问题,不要过早的关注性能问题。