在 Vue 单页应用程序中实现延迟加载的原因?

Reasons to implement lazy loading in a Vue Single Page Application?

我知道延迟加载会缩短 SPA 中的初始加载时间,但是如果我使用 Vue-router、Vuex 和许多组件,我会从 Vue 应用程序中获得多少实际好处。

延迟加载 Vue SPA 的性能优势是否接近缩小和捆绑代码(在我的例子中,gulp)?

我知道如果我在嵌套页面中上传数百 MB 的媒体内容,那么初始加载时间优势就会存在,但我想知道是否需要一个通用用例。

感谢所有回答。

我工作的团队使用它仅在需要时加载大型外部 javascript 包。

假设一个项目有五个 javascript 可视化库,每个都是 1Mb,但主页只是一个普通文档,全是文本。我们不想让只是在这里阅读我们网站的文本更新的访问者不得不加载 three.js, plotly,等等,如果他们不打算使用它的话。

Webpack 也 supports lazy loading,因此您仍然可以在延迟加载时缩小和打包。设置和调试变得有点困难。

我不能说您的应用程序会带来多少好处,但它在嵌套站点中对我们来说效果很好(为我们减少了一半的初始包大小)。我会检查页面加载时需要您网站的哪些捆绑包部分(以 Mb 为单位),因为您将在那里节省大量费用。

免责声明: 我不是这个主题的专家,只是分享我在过去一年中开发大型网络应用程序的经验,其中性能是一个问题