黑马程序员技术交流社区
标题:
【上海校区】vue如何优化首屏加载速度
[打印本页]
作者:
依惜
时间:
2020-3-25 16:42
标题:
【上海校区】vue如何优化首屏加载速度
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里面去
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2