![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目优化
加油吧,风一样的少年
这个作者很懒,什么都没留下…
展开
-
Vue项目使用CDN优化加载
在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首开的体验。解决方法是,将引用的外部js、css文件剥离开来,不编译到vendor.js中,而是用资源的形式引用,这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来,达到加速首开的目的。外部的库文件,可以使用CDN资源,或者别的服务器资源等。下面,以引入vue、vuex、vue-rout原创 2021-01-09 16:31:24 · 252 阅读 · 0 评论 -
vue项目做过哪些优化?有没有对首屏做过优化
vue项目做过哪些优化?有没有对首屏做过优化*1)代码层面的优化 v-if 和 v-show 区分使用场景computed 和 watch 区分使用场景v-for 遍历必须为 item 添加 key,且避免同时使用 v-if长列表性能优化事件的销毁 addEventlisenter 事件监听图片资源懒加载路由懒加载第三方插件的按需引入优化无限列表性能服务端渲染 SSR or 预渲染(2)Webpack 层面的优化Webpack 对图片进行压缩减少 ES6 转为 ES5 的冗余原创 2021-01-09 15:25:16 · 332 阅读 · 0 评论