如果浏览器缓存了项目的bundle文件，为什么我们要使用延迟加载？

Question

我知道浏览器缓存可以存储捆绑文件以便更快地检索，因此一旦用户访问了该网站，后续访问应该加载缓存的文件而不是再次下载它们。然而，在这种情况下，为什么在 Angular 应用程序或任何单页应用程序（SPA）中仍然建议延迟加载？如果浏览器已经缓存了整个项目的包，还有必要吗？ 我在 Angular 应用程序中实现了延迟加载，并在启用浏览器缓存的情况下对其进行了测试。我使用 Chrome DevTools 来监控缓存行为。 我希望缓存能够减少延迟加载的必要性，因为缓存的文件应该加载得更快，但我不确定这是否会以同样的方式影响初始加载时间和性能。

Answer 1

即使浏览器缓存到位，也建议在 SPA 中延迟加载。它在初始加载时间和资源效率方面具有优势：

• 延迟加载可减少用户首次访问您的网站时需要下载的初始数据包的大小。
• 大包的初始加载会消耗大量内存和资源。延迟加载仅在需要时加载模块，最大限度地减少资源消耗。
• 应用程序更新导致缓存崩溃，然后用户必须下载整个包的新版本。延迟加载将应用程序分割成更小的块，因此只需要下载更新的部分。
• 如果网络连接较差或不稳定，根据需要下载少量数据可以改善用户体验并实现更快的交互。