前言当我们要衡量和分析一个网页的性能时，并没有一个准确的指标值可以直接反映网页的整体性能。因此，在网页加载的过程中，我们需要抓住各个关键时间点进行综合分析。这些是需要了解的性能指标。了解绩效指标后，我们需要借助工具或平台对其进行衡量和报告；报告后，我们需要使用性能优化方法来优化相应的问题。关于前端性能优化的方法，类似的性能优化文章已经有很多介绍了。本文仍将提及和修改它们，并谈谈一些方法。自己的看法和公司的项目实践。本文并没有对前端性能系统的各个部分进行非常详细的讲解，只是抛出要点展开讨论，并介绍一些性能优化方法的细节。绩效指标绩效指标可以按多种方式分类。比如从用户体验的角度，可以分为文档加载相关（TTFB、DCL、L）、内容呈现相关（FP、FCP、FMP）、交互响应相关（FID、FSP）大致分为两种类别在这里。三个核心指标和其他共同绩效指标。三大核心指标。交互性和视觉稳定性-并包括以下指标（以及每个指标的相应阈值）：LargestContentfulPaint(LCP)：LargestContentfulPaint，衡量加载性能。为了提供良好的用户体验，LCP应在页面首次开始加载后的2.5秒内发生。FirstInputDelay(FID)：首次输入延迟，衡量交互性。为了提供良好的用户体验，页面的FID应为100毫秒或更短。CumulativeLayoutShift(CLS)：累积布局偏移，测量视觉稳定性。为了提供良好的用户体验，页面的CLS应为0.1。或更少。LCPLargestContentfulPaint最大内容绘制（LCP）表示页面上最大元素的渲染时间。一般来说，页面最大元素的最快渲染会让用户觉得页面性能还不错。这个时间会随着页面渲染而变化，因为页面上最大的元素可能会在渲染过程中发生变化，并且这个指标将在第一次用户交互后停止记录。考虑用于最大内容绘制的元素类型是：![]()
元素嵌入
