react中代码分割和延迟加载的区别

Question

我不太清楚这里

load

的含义 - 它意味着加载到内存中还是通过网络获取并加载到内存中？

Answer 1

代码分割和延迟加载是React中的技术，用于通过优化代码加载方式和时间来提高性能。

• 代码拆分：这会将您的应用程序分解为更小的块 可以按需加载。它减少了初始的大小 通过根据需要通过网络获取代码来捆绑 JavaScript 需要时将其加载到内存中。
• 延迟加载：这会延迟组件的加载，直到它们被加载为止。 实际需要的。它通常使用

  React.lazy()

  进行动态导入 和

  React.Suspense

  在加载期间显示回退。

这两种技术都旨在通过最小化初始加载时间并确保高效的资源使用来增强应用程序性能。这里的“加载”涉及通过网络获取代码并将其加载到内存中。