Lighthouse Performance 评分从 20 提高到了96，开发和构建的速度也有了大幅度的提高，整个优化过程的思路和方法还是很有参考意义的

从现有项目存在的问题痛点入手，体系化分享基于lerna的monorepo对现有项目改造带来的收益，以及改造过程中的一些细节及遇到的问题的复盘总结。

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

前言之前用vuecli做了个博客，是一个单页面项目，大概有十个路由直接npmrunbuild打包出来，有一个1M的巨大js文件先挂载到服务器上试试好家伙这加载时间仿佛过了半个世纪首屏页面整整加载了9s

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

Vue项目开发完毕后，对项目进行打包发布之前，必不可少的操作就是项目优化，这也是程序猿的加分项。跟随本文的脚步来看看如何对项目进行优化吧~

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情 前言 在上一篇 前端性能优化到底该怎么做（上）— 开门见山 一文中介绍了和前端性能优化相关的一些前置知识，那么本篇就

老板让你做性能优化，第一步你应该做什么？想做好网页性能优化，首先需要先定义好性能指标。性能指标才是做好性能优化的第一步。

前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助。