最终,结合网上的前辈们的解答,首屏加载时间过长重要有以下几点:
图片,登录页面(打开网站的第一个页面)静态图片过多也会在首屏中加载出来,消耗时间
Vue代码里面Router没有使用懒加载
使用npm安装第三方库...懒加载
webpack默认将所有js源代码打包成一个js文件,导致JS包会变得非常大,影响页面首次加载速度
按需加载能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件的js...require(["@/views/test/test"], resolve)
},
]
})
优化前和优化后的路由对比,优化后,使用箭头函数,将组件导入,而不是在文件开头,将所有的组件一次全部倒入...Gzip 压缩,但我们知道,压缩后的文件体积会大大减少,这适用于线上部署。...默认 Vue 会导入这个插件,我们只需要调用即可:在 package.json 文件中增加以下命令:
“analyzer”: “NODE_ENV=production npm_config_report