前端首屏加载指标规范书.docVIP

前端首屏加载指标规范书

一、首屏加载核心指标定义

（一）首次内容绘制（FirstContentfulPaint,FCP）

首次内容绘制指浏览器首次绘制来自DOM的内容，包括文本、图像、SVG元素或非白色的canvas元素。它是用户感知页面开始加载的关键节点，标志着页面从空白到有内容呈现的转变。例如，当用户打开一个电商首页，FCP就是页面顶部导航栏、搜索框等基础元素首次出现在屏幕上的时刻。

（二）最大内容绘制（LargestContentfulPaint,LCP）

最大内容绘制代表页面最大的可见元素绘制完成的时间点。这个元素通常是页面的核心内容，如文章的标题图片、产品详情页的主图等。LCP是衡量页面加载性能的重要指标，直接反映用户何时能看到页面的主要内容。对于新闻资讯类网站，LCP可能是头条新闻的配图；对于社交媒体平台，LCP则可能是用户发布的视频或图片。

（三）首次输入延迟（FirstInputDelay,FID）

首次输入延迟测量的是用户首次与页面交互（如点击按钮、输入文字等）到浏览器实际响应交互的时间差。它体现了页面在加载过程中的交互性能，过长的FID会导致用户操作得不到及时反馈，影响用户体验。比如用户在页面还未完全加载完成时点击登录按钮，如果FID过高，按钮可能在一段时间后才会有反应，让用户误以为操作未成功。

（四）累积布局偏移（CumulativeLay