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

Question

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

Answer 1

性能影响包括：

• 通过网络传输的时间。特别要考虑与某些移动设备的缓慢连接。根据您正在执行的操作，您的页面在加载之前可能不会具有交互性。
• JS 解析时间。现代 JS 引擎速度很快，但加载的代码越多，浏览器必须解析的代码就越多。
• JS执行时间。最好只打包您希望执行的代码。您想要执行的代码越多，花费的时间就越长。同样，在大部分工作完成之前，您的页面可能不会具有交互性，具体取决于详细信息。
• 内存消耗。一切都占用空间：代码本身、运行时变量、创建的 DOM 元素等。

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