
来自Google 的John Muller 发布了一个 推文流 昨天他发现有趣的花絮与SEO 社区分享。他说:“由于Core Web Vitals 现在位于Search Console 中,我想快速总结一下我在研究过程中发现的花絮。也许这会为你节省几分钟,或者鼓励你进行测试或观看一段录像。”
这是Core Web Vitals 指标包括的内容:
Core Web Vitals 包括加载、交互和烦恼(?)指标:最大的内容绘制(LCP = 加载)、首次输入延迟(FID = 交互)、累积布局偏移(CLS = 稳定性,缺少它我觉得很烦人: -)).
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
您可以在此处更深入地了解这些指标:
从https://t.co/LPlEXdVKxy 开始有大量关于它们的信息——这是我倾向于去的地方。 LCP 类似于您可能已经看过的页面加载速度,但它试图找出主要元素何时可见,这是用户关心的。
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
包含Largest Contentful Paint / LCP 提示的视频:
在https://t.co/gACbV8xs0j 上有很多关于Largest Contentful Paint / LCP 的内容,在https://t.co/r79NhK3eml 上有关于如何改进的提示,在https://t 上有包含大量细节的视频。 co/U7o4vsWij0
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
为什么First Input Delay 很酷:
First Input Delay / FID 很酷,因为它可以衡量响应能力——当用户尝试与您的页面交互时,他们的第一印像是什么?对我来说,这通常是我返回并尝试其他站点的时间点,即使我在加载过程中给了他们怀疑的好处。
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
有关此的更多帮助文档:
对于FID,我们在https://t.co/hUEO9RC6nH 上有文档(这些URL 有点可以预测,是吧?),在https://t.co/ZAAxt0xA2T 上有优化提示。这个指标的一个有趣的怪癖是你需要一个用户来衡量它。 pic.twitter.com/PQKkMQzKJ5
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
全新的Cumulative Layout Shift / CLS:
然后是新的,Cumulative Layout Shift / CLS。它的计算方法是将加载期间移动的页面部分与其移动位置的部分相加。当页面执行此操作时,我发现它非常烦人,尤其是当我滚动浏览较长的页面时。啊。再见。 pic.twitter.com/S6uhMxYtlf
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
累积布局偏移/CLS 视频:
有关CLS 的更多信息,请访问https://t.co/0mA8zDDof7 以及如何针对它进行优化,请访问https://t.co/wKHSgCG8Jo – 以及包含更多信息的精彩视频:https://t。 co/dPWbcRKXlo
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
但这些工具中还有更多:
那么,除了Search Console,您还可以在哪里查看这些指标?它们会出现(或出现在)我们的许多工具中,例如Chrome Dev Tools、Lighthouse、CrUX、Page Speed Insights 等。它们也在https://t.co/s55K8LIOKY 中,并且有一个JS 库如果你想自己衡量。
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
了解实验室数据和现场数据之间的区别:
使用这些工具,实验室(当你自己测试时)和现场数据(当你看到用户看到的,总的来说)是有区别的。可能两者都值得检查,因此您不会错过任何明显的东西。
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
不要让您的用户放弃您的页面:
绿色到红色的桶是基于各种研究并且是可以实现的(并且已经实现)。 https://t.co/IZeNdiDAZN 和https://t.co/HH8bJ33BuA 有一些相关内容。该文档提到“用户放弃页面加载的可能性降低了24%”——这很不错。
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
到目前为止,这几乎就是我遇到的一切。添加新指标总是很困难,但很高兴看到这些指标被用在这么多地方。
警告:我不是Chrome 团队的成员,这一切都基于公共文档!
— 🍌 约翰🍌 (@JohnMu) 2020 年5 月28 日
就是这样。
论坛讨论于 推特.
这篇文章是预先写好的,预定今天发布,我目前处于离线状态。