首次内容渲染(First Contentful Paint FCP)

发布日期:2021-07-09

首次内容渲染(FCP)是一个重要的、以用户体验为中心的标准。FCP非常侧重于加载速度,因为它标记了页面加载时间轴上的重要事件,用户第一次可以在屏幕上看到东西。

首次内容渲染(First Contentful Paint FCP)是什么?

首次内容渲染(FCP)是指从页面开始加载,到页面上的任何内容在屏幕上呈现的时间。对于这个指标,“内容”指的是文本、图像(包括背景图像)、SVG图像,甚至是非空白的Canva对象。

 

FCP时间线来自google.com

在上面的加载时间轴中,FCP发生在第二帧,因为我们可以在这帧上看到一个文本和图像元素。不知道你注意到了没有,虽然已经呈现了一些内容,但并不是所有内容都呈现了。

 

好的FCP值是1.8秒或更少,差的值是大于3.0秒,两者之间的任何值都需要改进

好的FCP是多少?

Google官方认为:提供良好的用户体验,网站应该将其控制在1.8秒以内或更少。这里暴露了一个重要信息,如果你的网站FCP大于1.8秒,那么有可能影响到你的网站的SEO排名哦。鸽这里认为,1.8秒其实是很容易达到的。起飞页和虎翼一般可以控制在200ms也就是0.2秒以内。