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

react 首屏加载优化，原本是在入口HTML文件中加载loading动画，但是部署在测试环境上的时候一直无法显示loading的部分，也是奇怪了，我们测试环境的部署一直跟本地的都不太一样，内外网的转发多次，总感觉会丢掉一些文件。 本次采取的优化方法就是，按需加载，首先需要下载依赖，yarn ...

记前端项目首屏加载优化（打包篇） 看了一下我司官网的webpack打包出来的大小情况，发现有很多可以优化的点，比如 lodash、moment.js、antd等等； 本文主要围绕webpack的打包优化，并根据业务情况适当的做减法。 优化前分析 优化前一定要有一个界面能记录目前 ...

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

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

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

能按需加载的东西、尽量配置一下。 一、webpack devtool devtool的值有好几个，根据自己的情况和环境的不同，选择合适的，一般打包的时候可以用：eval 、eval-source-map或者cheap-eval-source-map。我这边打包时，直接设置成了：‘eval ...

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