代码拆分与反应可加载的减速性能？

Question

我尝试使用路由进行反应加载的代码拆分。它似乎会降低性能，因为要加载更多文件。我知道制作一个捆绑文件的一般做法的原因是在http 1上减慢了多个小文件的速度。所以我想知道我的代码分割是否错误或者它在http 1中通常会降低性能？由于一些常见组件位于多个chunk.js中，因此总文件大小也变大了。我做错了吗？

Answer 1

1. 如果您正在以模块方式执行块，则仅在需要时才加载不同的块。如果您认为这会降级，那么您可以主动在组件加载事件中开始剩余的块下载。
2. 构建性能会降低。 https://github.com/webpack/webpack/issues/4636 如果您使用的是导入，则构建时间可以增加5-10倍。
3. 如果需要考虑尺寸，请在提供静态内容时使用gzip缩小尺寸

希望这有帮助