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

通过学习本文，你将有如下收获：1.了解Lighthouse的使用方式 2.了解前端性能优化的相关指标 3.了解一些具体的性能优化方法

一、建立衡量标准 在确认指标之后，还要有量化基础，有数据积累。 理论基础 - 以『用户为核心』的 RAIL 性能模型 Response（响应）：应该尽可能快速的响应给客户，应该在 100ms 或者 1

一直以来，前端性能优化都是面试过程中考察的热点题目。 相关的技术博客也层不出穷，我们总是能找到很多这样的文章， 从一个应用的各个层面开始分析，优化的种种手段，取得的种种效果。 往往篇幅越长，讲得越细，

2022年12月公司因为经营问题，被迫裁员。 产研为裁员重灾区，身为前端开发的我理所当然的没有逃过这一劫。 好在虽被裁，但技术尚可，年龄不大，所以很快找到了新公司。 今年年初入职了现在这家公司

在上一篇作为面试官，为什么我推荐微前端作为前端面试的亮点？反馈效果不错，我接着出第二篇组件库专题，主要是我选择的方向，前端同学都可以很轻易尝试，这样项目上就增加很多亮点了

前端性能优化是针对网页的加载速度、响应时间和用户体验等方面的优化措施。以下是一些常用的前端性能优化策略的总结

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

不管是面试提问，还是实际工作中，前端性能都是一个绕不过去的问题。性能优化的指标，渲染优化的原理，代码优化，等等多方面的角度，系统的整理了前端性能优化的笔记。