如何提升Vue项目首次打开时的长尾词慢加载速度？

本文共计1370个文字，预计阅读时间需要6分钟。

目录 + Vue首次打开时加载速度很慢 + 优化Vue项目加载过慢问题 + 发现问题 + 优化方案 + 优化方法 + Vue首次打开时加载速度很慢 + 1、使用 + vue-router + 懒加载解决首次加载资源过多导致的速度缓慢问题

目录

• vue首次打开时加载速度很慢
• 优化vue项目加载过慢问题
• 发现问题
• 优化方案
• 优化方法

vue首次打开时加载速度很慢

1、使用 vue-router 懒加载解决首次加载时资源过多导致的速度缓慢问题

当你的 SPA（单页应用程序）变得很复杂时，打包构建后的 js 包会变得非常大，以至于严重影响页面的加载时间。vue-router 支持 webpack 内置的异步模块加载系统。所以，那些使用较少的路由组件不必打包进 bundles 里，只要在路由被访问时按需加载。