前端性能与可靠性工程：我们度量什么？核心 Web 指标与工具入门

前端性能与可靠性工程：我们度量什么？核心 Web 指标与工具入门

---

我们为何要关心前端性能？

因为用户关心。研究早已反复证明：

• 加载速度直接影响用户留存率和转化率。亚马逊曾发现，页面加载时间每增加 100 毫秒，销售额就会下降 1%。
• 交互响应直接影响用户满意度。一个点击后毫无反应的按钮，会让用户感到沮丧，甚至认为应用已损坏。
• 视觉稳定性直接影响用户的操作准确性和信任感。一个在你即将点击时突然“跳动”的页面，是糟糕体验的代名词。

对于 SRE 来说，这意味着我们对可靠性的定义，必须从后端的 SLO（服务等级目标）延伸到前端的 UXO (User Experience Objective)。

我们度量什么：核心 Web 指标 (Core Web Vitals) 📊

为了将“好的用户体验”这个模糊的概念量化，Google 提出了 核心 Web 指标，一套专注于衡量加载性能、交互响应性和视觉稳定性的指标。它们不仅是衡量体验的标准，也直接影响网站在 Google 搜索结果中的排名。

1. Largest Contentful Paint (LCP) - 最大内容绘制

• 它是什么？