欺骗 CWV

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适用于您旅程每个阶段的云产品。立即开始使用 200 美元的免费积分!

谷歌表示,核心网页指标 (CWV) 将成为 SEO 因素,而且日期临近:2021 年 5 月。因此,我看到一些人正在争先恐后地确保这些指标良好。您知道,那些首字母缩略词:CLSLCPFID。越来越多的 工具 用于测量和诊断问题。希望一旦诊断出来,您就会知道如何解决它们。例如,如果您有糟糕的 CLS,那是因为您加载了(可能是广告)会改变布局的内容,您应该停止这样做,或者提前为它们腾出空间,这样布局改变的可能性就会降低。

但是 LCP 怎么办?如果您有一个大型英雄图片,渲染需要一段时间,这会导致糟糕的 LCP 数值?Chris Castillo 的技巧 是在用户以某种方式进行交互之前根本不加载英雄背景图片。这对我来说有点奇怪,但 Chris 做了一些简单的测试,发现一些用户并没有真正注意到。

虽然这实现了目标,但它并非没有代价。背景图片在用户与屏幕交互之前不会加载,因此在图片可以加载之前,需要使用一些东西作为回退。我让几个朋友在手机上加载页面,并询问他们是否发现页面有任何奇怪的地方,他们都没有注意到任何“异常”。我观察到,我让几个朋友测试了这个功能,他们都将手指放在屏幕上,或者在页面加载时快速触摸屏幕,因此发生的太快了,他们没有注意到。 

这是 Chris 记录的一个很好的技巧,但重点是欺骗机器,让它给你更好的测试分数。这感觉像是网络性能一个奇怪的新时代的开始,网络性能的指标已经转向以用户为中心的测量,但人们正在实施狡猾的策略来利用这些数字,这些方法,如果有什么的话,会稍微损害用户体验。

直接链接 →