影响谷歌排名的因素大概有200个,其中 Core Web Vitals 就是其中之一。谷歌在2020年5月8号正式将其纳入了排名因素。Core Web Vitals 主要还是为了给用户更好的网页体验,所以 Core Web Vitals 在这里面占了比较大的部分,具体体现在三大指标 LCP、FID、CLS,当然并不是只有这三个,只是这三个比较重要。
对于如何测试网站,我昨天的文章也介绍了一个网站 PageSpeed Insights。这里再介绍一个由Semrush 出品的免费工具 Website Checker。
三大指标
LCP(largest contentful paint)
网页最大内容块加载时间,最大内容块主要指图像或者文本块,从用户角度,大概就是用户感知到网站大部分内容加载完成的时间。根据谷歌给出的指标,至少要在2.5ms以下,会被归类为“良好”。
FID(first input delay)
网页首次交互的延迟,需要注意的是 FID 指的是可以开始交互的时间,不是指请求实际的响应时间,比如下面这张图,当我点击按钮后,距我下一次点击的时间就是FID。
CLS(cumulative layout shift)
页面加载后,各元素位置不再发生变化的时间。导致CLS 不好的常见问题有:
- 没有尺寸的图片
- 无尺寸的广告、嵌入内容和 iframe
- 动态注入的内容,例如没有尺寸的广告、嵌入内容和 iframe
- 网页字体
如何提高三大指标
如何改善LCP
- 使用CDN。
- 压缩或者减少图片。
- 使用好模块和图片的懒加载。
如何改善FID
- 尽可能地减少并压缩 js 文件,或者将较大的 js 文件根据需求拆分加载。
- 如果条件允许,可以使用静态网页,再配合 CDN 可以获得无敌的加载速度。
- 减少不必要的第三方插件,比如统计代码等。
如何改善CLF
- 嵌入的第三方内容要预留好空间。
- 要设置好图像视频文件的高度和宽度。
更多解决方案
- 靠谱的主机商。
- 一个优化的稳定的网页模板。
- 以前经常提的缓存插件。
- 介绍一个由谷歌开发团队出品的网站 Web.dev,这里面对这些内容有详细的说明和解决方案,有兴趣可以仔细阅读。