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

作为一个web项目build之后12M还是比较笨重的，作为一个有追求的前端攻城狮是很难接受的。于是开启了我的优化之路 这一套打下去，基本把我这个项目的大肥肉从build包里面拿出去了。 这个操作build包瘦身超级大绝杀,压缩后通常能帮我们减少响应 70% 左右的大小。但是不建…

vue首页白屏，性能优化 背景 vue，react诸如此类的spa应用，都会避免不了首页白屏的问题，之前一直做B端项目，对这方面也并没有特别大的业务需求，最近由于公司做C端产品，对首页打开速度有一定的

解决vue首屏加载太慢,白屏时间太长通过在app里面写入一个loading的动画,不让页面白屏,即使白屏也展示那个loading页面但是中途网速慢的情况也会出现一会白屏,最佳实践:在app底部添加该l

vue页面白屏的原因及优化 路由懒加载，组件懒加载 CDN 资源优化 gzip 加速优化 vue.config.js中关闭map文件，能减少好多map文件 SSR服务端渲染 首页加骨架屏

webpack打包过程中，经常出现app.js一个文件好几兆的情况，这偏偏又是网页最先加载的文件，由于从上到下的执行顺序，前面的脚本在加载时会阻塞页面渲染，白屏时间由此而来。那么我们如何提高网页渲染速度呢？办法之一就是合理的分包策略。 一个简单的博客项目，项目本身并不大，但透过…

常规 vue 项目打包后访问，返回一个只包含 div 的 html，其他内容块都是通过 js 动态生成的。 1. 路由文件中按需引入组件 2. 静态库按需引入模块，而不是全部 1. css、js 放置顺序 2. 使用字体图标，icon 资源使用雪碧图 拆分入口 chunk 文件…

在阿里做性能优化也有一段时间了，那就总结一下前端常见的优化内容吧 首先作为一个前端工程师，要明白性能优化的重要性以及必要性，基本都涵盖了从开发、打包构建、以及前端工程化模块化等等一系列内容，不光可以提

前端可优化的地方特别特别特别特别多，现在就从CRP方面简单说说。这是自己做的的一个小笔记，看了应该会了解CRP方面的优化