在评价一个网页的加载速度,实际的浏览体验时,有很多种方法。比如,网站测速、控制台检测、实际体验。而谷歌给了一个核心网页指标,来评判一个网页的加载速度。
“核心网页指标”报告会根据实际使用情况数据(有时称为“实测数据”)显示网页的性能。
优化网页性能是一个至关重要的过程,因为研究表明,更好的核心网页指标可以提高用户互动度和业务指标。
例如,当网站达到核心网页指标阈值时,用户放弃加载网页的可能性会降低24%。此外,通过减少 Largest Contentful Paint (LCP) 指标,Farfetch 网站的转化率提高了1.3%。降低 Cumulative Layout Shift (CLS) 指标0.2后,Yahoo! JAPAN 的每次访问网页浏览量增加了15%,访问时长延长了13%,跳出率下降了1.72个百分点。通过提高核心网页指标,Netzwelt 网站的广告收入增加了18%,网页浏览量增加了27%。最后,将 CLS 从1.65降低至0,使 redBus 域名在全球排名中大幅提升。这些数据说明了优化网页性能的重要性,因为它可以提高用户体验和网站业务指标,为网站的成功和持续发展奠定坚实的基础。
谷歌的核心网页指标主要参考LCP、FID、CLS三个因素。三个因素的定义如下:
- LCP(最大内容渲染时间):从用户请求网址到在视口中渲染最大可见内容元素所需的时间。最大的元素通常是图片或视频,也可能是大型块级文本元素。此指标很重要,因为它反映了访问者看到的网址实际加载速度。
- 报告中显示的群组 LCP 是指网址群组中某个网址在其 75% 的访问事件中达到 LCP 状态所用的时间。
- FID (First Input Delay):从用户首次与您的网页互动(点击某个链接、点按某个按钮,等等)到浏览器响应此次互动之间的用时。这种衡量方案的对象是被用户首次点击的任何互动式元素。此指标在用户需要执行操作的网页上非常重要,因为可据此判断网页进入互动状态前的延迟时间。
- 报告中显示的群组 FID 表示网址群组中某个网址在其 75% 的访问事件中获得此值或更高值。
- CLS (Cumulative Layout Shift):CLS 会衡量在网页的整个生命周期内发生的所有意外布局偏移的得分总和。得分是零到任意正数,其中 0 表示无偏移,且数字越大,网页的布局偏移越大。此指标很重要,因为当用户尝试与网页元素互动时,如果网页元素出现偏移,这会导致糟糕的用户体验。如果您似乎找不出得高分的原因,请尝试与该网页互动,看看这对得分有何影响。
- 报告中显示的群组 CLS 是指网址群组中某个网址所对应的 75% 的访问事件的最低相同 CLS。
以下是每种状态的性能范围:
主要指标 | 良好 | 需要改进 | 欠佳 |
---|---|---|---|
LCP | <=2.5 秒 | <=4 秒 | >4 秒 |
FID | <=100 毫秒 | <=300 毫秒 | >300 毫秒 |
CLS | <=0.1 | <=0.25 | >0.25 |
一般情况下,我们可以直接在谷歌站长后台看到这些核心网页指标的数据,以判断自己的网站是否达标,详情可以参考文章:《谷歌站长后台中的各个指标介绍,希望百度资源可以学习以下》。
当然,如果你无法访问谷歌站长后台(某些原因),你可以通过Chrome浏览器自带的Lighthouse工具判断自己的网站是否达标。打开Chrome浏览器,F12审查元素,切换到Lighthouse标签即可检测。
有一定的参考意义,不过真正反应网页加载速度的,还是看用户的真实反应比较靠谱。此外,你可以直接通过网络标签判断网站的实际加载效果,尤其方便判断二次访问二次点击的情况。
此外,如果你有网站速度优化的需求,可以查看我写的免费文章:《WordPress网站优化加速,最近又对网站做了哪些更改》,或者考虑本站提供的付费优化服务。结局一定包你满意,这一点可以放心。
原创文章,作者:古哥,转载需经过作者授权同意,并附上原文链接:https://iymark.com/articles/7902.html