前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获

引言 最近老大在cr我代码时，我就静静坐在他旁边看他装逼。他一顿断点+抓包+各种骚操作给我看楞了，我没忍住就让他手把手教我，他就和我在一个小屋子里xxxx了几个小时，他手法太快了俺看一遍就忘了，于是乎

现在越来越多的前端工程都选择 monorepo 的架构进行开发，比如 Vue、React、Babel 等项目都采用的 monorepo 的方式进行管理

项目简介 这是一个 vue3 + vite 搭建的PC端web应用，基本上使用的是vite的默认配置，没有专门做过性能优化。随着业务的迭代，目前项目已经成为存在23W+ 代码行数的大工程，存在一定的性

炎炎夏日失业潮下饥寒交迫的前端还能不能雄起，自欺欺人的产品优先战略下前端投入了多少money？前端打铁还需自身硬又有有哪些优化的方法和小技巧？

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

本文主要以商城实例做为切入点，对项目中经常出现的图片资源列举了对应场景下的解决方案，如果项目中碰到非常多的图片资源，那么可以尝试下文中的一些优化方案。

故事背景是入职不久后被领导喊去优化基建相关的事，从上一篇面试篇知道，入职不久后主管丢给我一个表格，上面列了四五条，都是当前项目存在的一些问题，让我看看有哪些可以去解决掉，一眼就瞅到了一个语言包优化。