【问题标题】:Code splitting with react-loadable slow down performance?带有可加载反应的代码拆分会降低性能?
【发布时间】:2018-01-12 02:00:20
【问题描述】:

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

【问题讨论】:

    标签: reactjs react-loadable


    【解决方案1】:
    1. 如果您是按照模块方式进行块,则仅在需要时才加载不同的块。如果您认为这是降级的,那么您可以在组件加载事件中主动开始剩余块下载。
    2. 构建性能将下降。 https://github.com/webpack/webpack/issues/4636 如果您使用导入,则构建时间最多可增加 5-10 倍。
    3. 如果需要考虑大小,请在提供静态内容时使用 gzip 减小大小

    希望对你有帮助

    【讨论】:

      猜你喜欢
      • 2018-05-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-09
      • 2016-02-25
      • 1970-01-01
      • 2015-12-30
      • 1970-01-01
      相关资源
      最近更新 更多