背景： 使用vue + iview搭建的一个后台管理系统，路由已经用了懒加载，加载登陆页面，居然还是需要18S左右，刚到一个新公司，项目经理很委婉的说，看看能不能优化了一下。然后就开始了网上一大堆'vue首屏加载'的搜索... 经过初步优化，终于加载从开始的15S多到现在的不到4S，且看一步一步 ...

库使用情况 vue vue-router axios muse-ui material-icons vue-baidu-map 未优化前 首先我们在正常情况下build 优化 1. 按需加载 当前流行的UI框架如iview ...

前言 现在已经是vue-cli3.x webpack4.x 的时代了，但是网上很多拆包配置还是一些比较低版本的。 本文主要是分享自己的拆包踩坑经验。 主要是用了webpack4 的 splitChunks 来进行拆包的配置以及在配置中的一些踩坑。 首屏加载的优化主要在于两个方面 ...

一、什么是首屏加载首屏时间（First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容 首屏加载可以说是用户体验中最重要的环节 关于计算首屏时间利用 ...

问题 单页面应用的一个问题就是首页加载东西过多，加载时间过长。特别在移动端，单页面应用的首屏加载优化更是绕不开的话题。下面我会写出我在项目中做的一些优化，希望大家能够相互讨论，共同进步。 我的项目vue-cli3构建的，vue+vue-router+vuex，UI框架选用 element-ui ...

问题 单页面应用的一个问题就是首页加载东西过多，加载时间过长。特别在移动端，单页面应用的首屏加载优化更是绕不开的话题。下面我会写出我在项目中做的一些优化，希望大家能够相互讨论，共同进步。 我的项目vue-cli3构建的，vue+vue-router+vuex，UI框架选用 element-ui ...

Vue项目部署上线后经常会发现首屏加载的速度特别慢：那么有那写能做的简单优化呢 一、路由的懒加载 文档中指出，如下定义一个能够被 Webpack 自动代码分割的异步组件 在路由配置中什么都不需要改变，只需要像往常一样使用 Foo： 官网介绍地址 ...

1、 按需引入UI组件 当下市面上流行的UI组件基本都支持按需加载，本文以Element UI为例： （1） 新建一个elementUI.js文件 （2） 访问地址找到按需引入方式的说明 （3） 复制里面的内容到新建的JS文件中，并注释掉不用的组件 ...