Web 性能指标 Performance API

# Web 性能指标 Performance API

source: MDN - Performance API (opens new window)

核心 Web 指标:

• Largest Contentful Paint (LCP) (opens new window): 最大内容绘制, 测量加载性能. 为了提供良好的用户体验, LCP 应在页面首次开始加载后的2.5秒内发生

• First Input Delay (FID) (opens new window): 首次输入延迟，测量交互性。为了提供良好的用户体验，页面的 FID 应为100 毫秒或更短.

• Cumulative Layout Shift (CLS) (opens new window): 累积布局偏移, 测量视觉稳定性. 为了提供良好的用户体验, 页面的 CLS 应保持在 0.1 或更少

# 参考资料

• Web 性能 (opens new window)

• Web 指标 (opens new window)

• 优化最大内容绘制 Largest Contentful Paint(LCP) (opens new window)

• 优化首次输入延迟 First Input Delay(FID) (opens new window)

• 优化累积布局偏移 Cumulative Layout shift(CLS) (opens new window)