LCP (Largest Contentful Paint) 是一个以用户为中心的性能指标,可以测试用户感知到的页面加载速度,因为当页面主要内容可能加载完成的时候,它记录下了这个时间点。一个快速的LCP,可以让用户感受到这个页面的可用性。
以往,对开发者而言,要测试一个页面主要内容加载并呈现给用户的速度是一个很大的挑战。
旧指标,像 load
和 DOMContentLoaded
并不是很好,因为它不一定跟用户屏幕上看到的内容相对应。然而新的以用户为中心的指标,比如 FCP (First Contentful Paint)
只是记录了加载体验的最开始。如果页面显示的是启动图片或者loading动画,这个时刻对用户而言没有意义。
在过去,我们也有推荐的性能指标,如:FMP (First Meaningful Paint)
和 SI (Speed Index)
可以帮我们捕获更多的首次渲染之后的加载性能,但这些过于复杂,而且很难解释,也经常出错,没办法确定主要内容什么时候加载完。
有时候越简单越好。经过W3C性能工作小组的讨论和谷歌的研究,我们发现了一个更精确的测量方式,当最大的内容块渲染完的时候,基本上主内容都加载完了。
什么是LCP
LCP指标代表的是视窗最大可见图片或者文本块的渲染时间。
一个好的LCP得分是多少?
一般是至少7