vue上线的时候 如何做性能优化 / 如何解决单页面应用程序首次加载慢的问题(使用外部的cdn资源对vue项目做性能优化)

vue打包的时候如何做性能优化:

第一次打包vue的项目部署到服务器下时,发现初次加载特别的缓慢,将近20s页面才加载出来,完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文件特别的大,一次想要全部加载完成会特别的耗时。这里简单总结一下自己用到的一些优化的方案。

也就是第一次加载的文件内容太多,解决的办法就是将文件变小

第一个是使用动态路由的方式引入路由组件,用import方式引入,
第二种是就是把我们的一些第三方资源库放在外部不进行打包的方式进行引入(把一些第三方库通过cdn方式引入,改一下配置文件,不打包进去)
,方法如下图所示:
vue上线的时候 如何做性能优化 / 如何解决单页面应用程序首次加载慢的问题(使用外部的cdn资源对vue项目做性能优化)

vue上线的时候 如何做性能优化 / 如何解决单页面应用程序首次加载慢的问题(使用外部的cdn资源对vue项目做性能优化)
cdn
vue上线的时候 如何做性能优化 / 如何解决单页面应用程序首次加载慢的问题(使用外部的cdn资源对vue项目做性能优化)
vue上线的时候 如何做性能优化 / 如何解决单页面应用程序首次加载慢的问题(使用外部的cdn资源对vue项目做性能优化)