前言 在现代 Web 应用中，页面性能直接影响用户体验和业务发展。我们近期对列表页进行了一次全面的性能优化，旨在提升用户访问效率，提升用户满意度。 接下来，将为大家详细分享这次优化的过程、方法和成果。

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 分提升到 99 分的过程。

这阵子接手的一个需求就是排查项目是否存在内存泄露问题，找到并解决它 目前是发现了四处问题，一处是 el-select 组件存在泄露问题，这个有做出挣扎解决，但是最终并没有彻底解决，无果；一初是项

内存泄漏是指程序中分配的内存空间在不再需要时未被正确释放或回收，导致该内存空间无法被再次使用，最终导致系统内存资源的浪费和程序性能下降的现象。

一、写在前面 我发现即便工作很久了，我还是不会用performance性能分析工具，可能很多小伙伴跟我有一样的问题！ 于是我怒学了一通performance性能工具的使用，想写一篇如何使用perfor

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