1.减少不必要的引用

1.看package.json;
2.查看打包分析
安装 webpack-bundle-analyzer

  vue.config.js配置
  chainWebpack: (config) => {  //打包分析
    config.plugin('webpack-bundle-analyzer')
      .use(BundleAnalyzerPlugin)
        .init(Plugin => new Plugin());
  }

打包时加上后缀
run build --report

2.路由懒加载，组件懒加载

3.引用转为cdn

4.加loading，提升用户体验

vue-cli3.X工程首屏加载时间过长优化
主要思路：减小首屏加载的js文件体积 1.减少不必要的引用 1.看package.json;2.查看打包分析安装 ...
(转载)vue项目首屏加载优化实战
vue项目首屏加载优化实战问题单页面应用的一个问题就是首页加载东西过多，加载时间过长。特别在移动端，单页面应用...
直播中的首屏加载优化
本文转自：直播中的首屏加载优化 | www.samirchen.com 直播中的首屏加载时间指的是进入直播间时从播...
前端性能优化 - 首屏渲染优化实现及其必要性
前端性能优化，不得不提的就是这个首屏渲染优化首屏渲染优化其实更具体点，应该是：首次加载首屏渲染优化，原因是某些...
常见面试题--js+css+vue
1、变量提升、函数提升 2、数组的常用方法 3.优化首屏加载速度 4.Vue 首屏加载速度优化 5、Vue如何设置...
首屏加载
关于首屏加载相信很多人在项目中会遇到。为什么要做首屏优化？首屏时间的快慢直接影响到用户对网站的认知度。加载的越...
构建工具
Vue 首屏加载优化关于 Vue 首屏加载优化的一点总结为什么我们要做三份 Webpack 配置文件在知乎上我...
VUE 首屏加载时间优化
在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才...
记前端项目首屏加载优化（网络篇）
继之前的一篇《记前端项目首屏加载优化（打包篇）》之后，这次来讲一讲我的首屏加载在网络方面的优化?。写在前面资源...
利用performance统计网站的加载新能
介绍利用H5 api接口performance，统计网站的加载时间，进而优化加载速度。在做H5项目的时候，首屏加载...