捆绑包大小如何影响性能？答案

【问题标题】：How does bundle size affects performance?捆绑包大小如何影响性能？
【发布时间】：2020-12-12 14:09:22
【问题描述】：

假设webpack 生成的最终包约为 15MB。
除了第一次在网站上加载缓慢之外，与比如说 500KB 捆绑包相比，是否存在任何重大的性能问题？（已经被丑化了，或者使用了 .min npm 包）

【问题讨论】：

你可以在浏览器中使用开发工具来分析性能，它会告诉你你的javascript做了多少影响。打开开发工具，转到性能和Start profiling and reload the page。您将获得一份报告，Scripting 图例是脚本加载所消耗的时间。
15 mb 太多了。你应该在 webpack 上使用异步导入来减少你的包大小。

【解决方案1】：

性能影响包括：

使用您喜欢的浏览器的开发人员工具来分析代码的影响非常重要。请务必删除您的网站并不真正需要的任何 JS。

【讨论】：

【解决方案2】：

JavaScript 在浏览器的主线程中解析、编译和执行，这意味着用户必须等待这一切才能与网站交互。

15MB 是很多 JS 代码。

有一些用于分析主要网络浏览器中内置的性能的工具，您可以查看这些工具。

您可以在此处了解更多信息：https://web.dev/bootup-time/。

【讨论】：