Vue 上线优化方案
#1 为什么要引入外部CDN
最近博客上线,但是在首次加载的时候,需要消耗很多时间,大概在50秒左右,就是说第一页登录页面,就需要用户等待50秒(服务器是最低配置也是一个原因),看了一下...network,发现有两个文件加载的时间特别长,一个是vendor.js,一个是app.js,打包的时候,这两个文件也提示文件过大
?...最终,结合网上的前辈们的解答,首屏加载时间过长重要有以下几点:
图片,登录页面(打开网站的第一个页面)静态图片过多也会在首屏中加载出来,消耗时间
Vue代码里面Router没有使用懒加载
使用npm安装第三方库...根据以上三点,具体优化步骤如下 :
#2.1 登录页面(打开网站的第一个页面)图片
主要的处理方式就是减小图片的大小
我这里直接把登录页面的背景图片全部去掉,这样子直接可以省很多时间
#2.2 Router...test"], resolve)
},
]
})
优化前和优化后的路由对比,优化后,使用箭头函数,将组件导入,而不是在文件开头,将所有的组件一次全部倒入,一次全部倒入会导致加载时间长