性能优化专栏

本文将从事前、事中和事后三个维度进行拆解，系统性地阐述前端性能优化的全链路实践方案。具体而言，我们将涵盖从发现、定义、分析、解决、跟踪到防裂化等一整个可持续的流程。

本文介绍了前端性能优化的进阶实践，通过前端性能埋点&监控体系的建设，基于监控+发现+分析+解决+再监控的流程，对性能优化实现一个可持续性的良性循环。

页面性能对于任何平台而言都至关重要，本文介绍了两个更加贴近用户感受的性能指标“用户体感耗时”和“关键交互耗时”，并详细说明了这两个性能指标在前端的埋点上报方法，通过量化的性数据能够更好地进行性能优化。

如何定位并解决前端大数据量场景下的性能问题是非常值得关注的问题，本文围绕大数据量场景下的前端性能问题进行展开，主要介绍了常见的大数据量场景和性能问题原因，同时给出了一些较常见的前端性能解决方案。

虚拟列表技术是解决大数据量内容卡顿中最常被提到的一种技术，本文首先介绍了虚拟列表的通用原理，然后介绍了“固定虚拟列表”和“动态虚拟列表”的实现原理，最后还进一步介绍了一些优化的方法。

本文介绍了 2 种通过 React 原生能力减少无效 re-render 来性能优化的方法：通过 Children 或 Props 传递元素和使用 memo/useMemo/useCallback