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

Vue.js 在Vue单页应用程序中实现延迟加载的原因?,vue.js,lazy-loading,vuex,single-page-application,vue-router,Vue.js,Lazy Loading,Vuex,Single Page Application,Vue Router,我知道延迟加载可以缩短SPA中的初始加载时间,但如果我使用Vue路由器、Vuex和许多组件,那么使用Vue应用程序可以获得多大的实际好处呢 延迟加载Vue SPA的性能优势是否接近于缩小和捆绑代码(在我的例子中,是gulp) 我知道,如果我在嵌套页面中上传数百MB的媒体内容,那么初始加载时间会有好处,但我想知道是否需要一个通用用例 感谢您的所有回答。我所在的团队仅在需要时才使用它加载大型外部javascript包 假设一个项目有五个javascript可视化库,每个库都有1Mb,但主页只是一个普

我知道延迟加载可以缩短SPA中的初始加载时间,但如果我使用Vue路由器、Vuex和许多组件,那么使用Vue应用程序可以获得多大的实际好处呢

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

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


感谢您的所有回答。

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

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

网页包,所以你仍然可以缩小和捆绑,而懒惰的加载。这只是一点额外的工作来设置和调试变得有点困难

我不能说你在你的应用程序中能得到多少好处,但它在一个嵌套站点中对我们很有效(将初始包大小减少了一半)。我会检查你的站点在页面加载和稍后加载时需要多少Mb的捆绑包部分,因为这样你会节省很多钱

Discliamer
我不是这方面的专家,只是分享了我去年在大型web应用程序上的工作经验,其中性能是一个问题

这是非常主观的,但如果你的应用程序有不同受众群体访问的区域或部分,然后,您可以在导航时(并且仅在第一次访问某个区域时)以非常小的延迟为代价来减少每个区域的初始加载时间。另外,当Vue CLI框架为您设置Webpack时,您究竟为什么要使用Gulp?谢谢您的回答@phil,我现在使用Gulp,因为它是我为我的雇主工作的代码库的一部分。当你提到高度主观时,你能告诉我为什么有人会强烈反对你吗?除了首先设置延迟加载的复杂性(以了解如何操作)。主观上考虑应用程序的目的、受众、加载时间的期望等因素,尤其是加载时间减半的结果