前言 作为一个网站应用，加载速度是非常重要的。加载速度，一个是程序的合理安排，如以组件按需加载，一个是js、css等资源的异步加载。 在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多 ...

之前，通过gzip的方式将访问速度从40多秒减少到7秒左右，但是仍然很慢。传送门 因为使用的服务器的带宽只有1M，所以即使gzip压缩后只有700K左右，但是仍然需要5秒左右的传输时间。 解决方法：1.缩小打包后的体积（减少至300K左右）2.将打包后的文件夹上传至腾讯云COS 项目说明 ...

在index.html中： <script src="../static/js/vue.js"></script> <link href="https://cdn.bootcss.com/element-ui/2.4.5 ...

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

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

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

使用vue-cli构建的vue项目，在打包发布的时候，发现打包后的文件体积很大，使用webpack-bundle-analyzer分析后，发现占用空间最多的是引用的第三方依赖。第三方的依赖文件可以使用cdn外链的方式引入，这样就能大大缩小项目文件的体积。预防cdn链接失效，无缝切换本地文件 具体 ...

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