vue如何优化首屏加载速度
将引用的外部js,css文件剥离开来,不编译到vendor.js中,而是用资源的形式引用,这样浏览器可以使用多个线程异步将vendor.js,外部的js等加载下来,达到加速首开的目的。外部的库文件,可以使用cdn资源,或者彼得服务器资源。
1.大文件定位: 我们可以使用webpack可视化插件webpack bundle analyzer查看工程js文件大小,然后又目的的解决过大的js文件
2.路由的按需加载
3.将js文件的引入方式放在body的最后
4.用文档的cdn文件代替npm安装包,用文档的cdn文件代替,而不用打包到vender里面去
|
|