在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

前几天，同事在群里问了这么一个问题：一个 vue-cli 启动的项目，使用多页面打包方式，打包出两个应用a和b。a应用引入vant库ipunt组件，b引入vant库list组件。如果把vant打成一个单独的包，里面会既有input也有list，所以a应用加载了它并不需要的lis…

原因：由于前端静态资源包过大，会导致初始加载非常缓慢，因此需要优化，缩短时间。 一、优化前 1-1、开发时的网络请求 1-2、其打包过后的dist文件包 可以看出，即使是npm run build后，

一、chunk-vendors.js 简介 顾名思义，chunk-vendors.js 是捆绑所有不是自己的模块，而是来自其他方的模块的捆绑包，它们称为第三方模块或供应商模块。 通常，它意味着（仅和）