Google 致力于提供最佳的用户体验，以便人们继续使用其搜索引擎。但是，一些影响用户体验的因素超出了 Google 的控制范围。例如，当用户点击搜索结果并进入加载缓慢的页面时，Google 无法控制该体验。但它可以做的是降低加载缓慢的网站的搜索排名。
为了解决这一问题，谷歌推出了 Core Web Vitals，这是一套衡量网页用户体验的指南。这些指南已集成到谷歌的Page Speed Insights 工具中，也集成到 Chrome 浏览器的 LightHouse 功能中。
核心网络指标的关键指标
Core Web Vitals 关注三个主要指标：
最大内容绘制 (LCP)：衡量页面主要内容的加载速度。
首次输入延迟 (FID)：衡量页面变为可交互所需的时间。（即将消失）
累积布局偏移 (CLS)：衡量页面加载时布局的偏移量。
交互到下一次绘制 (INP)：衡量页面的响应能力和视觉反馈。
核心网络指标作为排名信号
虽然核心网页指标只是 Google 用于对网页进行排名的众多因素之一，但当两个网站的内容质量相似时，它们可能会起到决定性作用。在这种情况下，核心网页指标得分更高的网站可能会排名更高。
谷歌于 2024 年 3 月 12 日更新了其页面体验文档，其中的重大变化重申了核心网络生命力和其他页面体验信号作为排名因素的重要性。
在 (lieddata)我们提供全面的数据 手机号码数据 备份解决方案专注于手机号码数据的安全存储和管理我们的服务确保您的数据得到有效保护避免丢失和损坏通过定期备份您可以轻松访问和恢复重要信息确保业务连续性选择我们保障您的手机号码数据安全无忧让您的信息管理更高效。
页面体验信号包括 HTTPS、侵入 生活方式在 ED 中的作用：饮食和运动如何影响勃起功能 性插页元素，当然还有核心网络指标。最新更新的文档指出，为了成功获得更高的搜索排名，强烈建议在核心网络指标中取得良好分数。但是，它指出其他页面体验因素可能不会直接影响搜索排名。
尽管如此，谷歌重申，仅关注核 RU 號碼列表 心网页指标不足以让网页获得良好排名。还有其他排名信号可以评估内容质量和网站权威性，然后再确定其在搜索结果中的位置。
当 Google 确定一些网站为用户提供高质量信息时，核心网页指标将作为主要排名因素发挥重要作用。在这种情况下，Google 会优先对提供良好页面体验的网站进行排名，而不是对用户体验不佳的网站。
谷歌的澄清旨在消除人们对页面体验在搜索排名中的作用的困惑。
核心网络生命力如何帮助您？
除了影响 Google 排名之外，核心网页指标还可以帮助网站所有者识别可能损害其业务的问题。例如，如果付款页面的布局不断变化，在结账时打扰了用户，那就是一个问题。通过将您的网站与核心网页指标保持一致，您可以改善用户体验，鼓励访问者停留更长时间并更多地与您的内容互动。
因此，如果您想在 Google 搜索结果中取得良好表现，关注这些指标至关重要。
1. 最大内容涂料（LCP）
这衡量了页面主要内容的加载时间。简单来说，就是从点击链接到看到屏幕上大部分内容的时间。良好的 LCP 分数意味着页面加载速度快，这一点很重要，因为加载缓慢的页面会让用户感到沮丧。
理想时间：少于2.5秒
2. 首次输入延迟（FID）
此指标衡量的是页面需要多长时间才能实现交互。这意味着从您尝试与页面交互（例如单击按钮）到实际处理操作之间的时间。较低的 FID 对于良好的用户体验至关重要，尤其是在交互至关重要的页面上，例如登录表单或交互式测验。
谷歌宣布将从 2024 年 3 月 12 日起弃用“首次输入延迟”，而是使用“交互到下一次绘制”。
理想时间：少于 100 毫秒
3. 累积布局偏移（CLS）
这衡量了页面加载过程中元素的移动程度。您是否曾尝试点击某个按钮，结果按钮移动了，而您最终点击了其他按钮？这就是 CLS 所衡量的。较低的 CLS 分数意味着页面加载时比较稳定，用户更容易与其交互。
理想分数：小于0.1
通过优化这三个指标，您可以提供更好的用户体验，这不仅可以让访问者在您的网站上停留更长时间，而且还有助于提高您的网站在 Google 搜索结果中的排名。
谷歌距离推出“交互到下一次绘制”（INP）只有几天的时间，3 月 12 日发布后，网络生命体征中的“首次输入延迟”指标将不复存在。
这是 Google 于 2021 年推出 Web Vitals 并随后宣布为确定网站在 SERP 上的位置的排名系统后，对其进行的重大更新之一。
4. 交互到下一次绘制（INP）
谷歌距离推出交互到下一次绘制 (INP) 只有几天的时间，并且在 2024 年 3 月 12 日发布之后，网络生命体征中的首次输入延迟 (FID) 指标将不复存在。
这是 Google 于 2021 年推出 Web Vitals 并随后宣布为确定网站在 SERP 上的位置的排名系统后，对其进行的重大更新之一。
什么是 INP
INP 与“首次输入延迟”不同，后者测量浏览器处理用户首次交互（可能是点击、轻触或滚动）所需的时间。借助 INP，Google 现在可以测量从用户交互到浏览器可以显示新内容的时间。
两者之间的主要区别在于，FID 关注的是用户首次尝试与页面交互时的页面响应能力，而 INP 则考虑页面在访问的整个生命周期内的响应能力和视觉反馈，而不仅仅是第一次交互。
INP 是 Google 排名因素吗？
由于 Google 将 Webvitals 合规性视为排名因素，因此 INP 自然成为决定您的网站在 Google 搜索结果中排名的关键因素。Google 认为 INP 小于 200 毫秒为好，而任何低于 500 毫秒的 INP 为差。
您可以通过查看 Chrome 用户体验报告 (CrUX) 来检查任何网页的 INP。此外，您还可以使用 Google Search Console 检查已验证域名的 INP。
这两种工具都可以帮助您了解网站的长期表现并找出需要改进的领域。
提高 INP 分数要提高 INP 分数，请了解用户交互中涉及的 CPU 进程。这些包括浏览器开始处理交互之前的延迟、运行交互相关代码的时间以及更新和显示新内容的延迟。Chrome DevTools 可以帮助确定是什么减慢了交互速度，但解释这些数据可能需要开发人员的帮助。
理想分数：少于 200 毫秒。
检查核心网络生命力得分——真实用户指标与实验室数据
如前所述，您可以使用 Chrome 浏览器中的 Lighthouse 功能或使用 PageSpeed Insights 工具检查页面的核心 Web Vitals 分数。但是，需要注意的是，这些工具有其局限性。
真实用户指标
了解核心网络指标基于真实用户指标至关重要。这些是实际用户与您的网站互动的体验。您在核心网络指标诊断中看到的数据可能不是实际结果，因为它基于实验室数据。
调试实验室数据
虽然真实数据非常宝贵，但您也可以使用实验室数据进行调试。实验室数据是在您自己的设备上生成和测量的，可以让您大致了解可能影响真实用户的潜在问题。
Chrome 中的Lighthouse 与性能面板
Lighthouse 是 Chrome 开发者工具中的一款工具，可对网页性能（包括核心网页指标）进行初步审核。另一方面，性能面板可让您在用户交互过程中记录页面的性能，从而更轻松地发现与布局变化或响应能力相关的问题。
Lighthouse 非常适合评估初始页面加载性能
。但是，它无法捕获用户与页面交互时可能出现的布局变化或响应性问题，这是其主要限制之一。
您可以在此处使用性能面板。它提供了所有浏览器选项卡活动的概览，包括网络请求和 JavaScript 代码执行。它还提供了 Web Vitals 时间线以及幕后发生情况的其他详细信息。
Performance Insights 以更易于理解的时间线形式提供信息，让您了解网络请求、JavaScript 代码和核心 Web 生命力如何交互。
使用实验室数据的一大优势是它允许在开发过程中进行持续监控。这种主动方法可以帮助您在问题影响实际用户之前发现并修复问题，而不是在问题发生后才做出反应。
如何提高核心网络生命力评分？
不要以为优化网站以获得更好的页面速度体验是开发人员的任务？
SEO 必须具备技术知识才能跟上不断变化的趋势。
如果你不熟悉编码，你应该尝试了解修复将如何提高网站速度和用户体验。如果你想给开发人员正确的指示，这一点非常关键。
安装缓存插件、最小化 CSS 和 JavaScript 都有助于加快网站速度，这些是新手 SEO 也能做到的一些修复。但这些都能改善 Web Vitals 吗？
这个问题的答案既是肯定的，也是否定的。原因是，一些修复可以帮助做出一点改进，但是当谈到改善网络生命力的目标时，它们影响很小。
Stan Ventures所做的研究非常明显地证明了这一点。我们在对一些内部网站进行微小更改后，分析了它们的 Web Vitals 得分。
安装缓存插件
最小化 CSS
最小化 JavaScript
使用延迟属性
已启用 GZip
启用延迟加载
结果并没有什么令人印象深刻的值得分享的东西。GTMetrics 和 Pingdom 工具表示我们做得很好，但 Google Web Vitals Extension
表示页面体验信号很糟糕。
我们研究的底线是，只有在拥有强大的技术支持的情况下，将元素从上到下移动并删除阻止渲染的 javascript 才会对您有所帮助。
原因如下：
1. 安装缓存插件可以改善服务器响应时间，但只有当用户重新访问您的网站时，它才有效。当您的用户浏览多个页面时，这非常有用。但假设您没有为资源设置正确的有效期，那么添加缓存插件的整个目的可能都是徒劳的。
2. 大幅更改 JavaScript 和 CSS 的加载顺序可能会导致糟糕的页面体验。您可能在第三方工具上获得 90+ 的评分，但随着页面在浏览器中展开，用户可能会体验到剧烈的变化。
3. 没有一种万能药可以解决所有页面速度问题。如果您正在运行 WordPress 网站或任何其他 CMS，则需要安装多个插件进行优化。这可能会进一步降低网站的速度。
针对核心 Web 指标优化图像
页面体验不佳的主要原因之一是浏览器在页面加载时呈现的图像负载过大。
更好的图像优化将加快网站速度，并帮助您获得完美的 Web Vitals 分数。以下是优化图像的几种奇特方法：
使用图片 CDN：如果您的设计包含大量图片，那么在将资源传送到用户浏览器时，您的服务器已经不堪重负。它还会同时向浏览器提供有效负载内的其他资源，使用户需要等待很长时间才能加载整个页面。CDN 内容交付
使用图像 CDN 服务器，您可以减轻服
务器的压力，因为图像是通过最接近用户位置的 CDN 服务器提供的。目前，AWS 和 CloudFlare 是市场上最好的图像 CDN 提供商。
WebP 格式：是否曾尝试过使用 WebP 格式处理图片？这是 Google 认可的图片格式，与 JPEG 相比，图片尺寸至少可缩小 36%。图像的 webp 格式
大多数现代 CDN 都以 WebP 格式提供图像，因为它支持透明度，并且通常提供比 PNG 小 3 倍的文件大小。
LazyLoad：LazyLoad已经存在很长时间了，这是一种经过尝试和验证的降低加载速度的策略。
我们发现，延迟加载图像会提高网络生命力得分，因为服务器不会突然加载图像请求。图像的延迟加载
启用 LazyLoad 后，用户进入页面时只会呈现初始图像集，从而为用户提供无缝的用户体验。
仅当用户到达特定视点时，其他图像才会加载。
优化 Java 和 CSS
GZIP 压缩gzip 提高速度
启用 GZIP 压缩后，它可以显著减少传输资源的大小，从而减少下载资源的时间。GZIP 压缩已成为大多数网站的标准做法。
最小化资源
压缩脚本
压缩是从 JS 和 CSS 文件中删除冗余数据的过程。这样做是为了减少网站的加载时间和带宽使用量。
为了缩小 JS、CSS 和 HTML 文件，需要删除注释和多余的空格。这可以借助大多数优化插件来完成。
结合 Javascript 和 CSS
合并 Java CSS 脚本
当您合并 Javascript 和 CSS 文件时，它会减少请求数量并加快渲染过程。例如，如果您的页面分别加载 5 个外部 Javascript 和 CSS 文件，则合并它们将减少 8 个请求。
此外，CSS 文件都是阻塞渲染的，这意味着加载的 CSS 文件越多，就越有可能中断页面的关键路径。如果延迟不当，多个 Javascript 文件也会限制 HTML 文档的解析。
减少渲染阻塞
减少渲染阻塞资源
PageSpeed 速度缓慢通常是由于过度使用 Javascript 和 CSS 造成的。在消除阻止渲染的脚本之前，您需要确定哪些脚本导致了问题。您可以使用 PageSpeed Insights 工具来分析哪些脚本正在拖慢您的网站速度。
您可以强制 JS 文件等待加载，直到页面的其他元素准备就绪。延迟 JS 的最受欢迎方法之一是通过异步加载。
使用 CDN 提供 Javascript 和 CSS
除非您使用 CDN，否则您将使用服务器带宽来加载 Javascript 和 CSS 文件。不使用 CDN 也可以减少服务器负载，但只能在一定程度上减少。
我们分析发现，启用以下功能的网站成功减少了服务器负载并实现了更快的渲染速度。
优化字体
自定义字体可能会使您的网站看起来非常有吸引力，但这种字体渲染行为会增加服务器的负载并降低网站速度。
要解决此问题，请确保您的 CDN 可以覆盖字体渲染行为。
这样，您的 CDN 就可以在 CSS 上加载时交换渲染的文本并显示原始文本。由于两种资源都是从同一台服务器同时交付的，因此这些操作只需几微秒即可完成。
嵌入代码
嵌入的图片和视频会降低网站的速度。许多企业无法选择忽略网站上的这些功能。对于他们来说，Google 建议使用延迟加载，这意味着这些媒体文件仅在用户推动时才会加载。
实施该技术已使 LightHouse 的性能提高了 70%。
作者
迪利普
迪利普·特克瑟尔
Dileep Thekkethil是 Stan Ventures 的营销总监，也是SEMRush 认证的SEO 专家。凭借十多年的数字营销经验，Dileep 在帮助全球品牌和机构提高其在线知名度方面发挥了关键作用。他的作品曾在 MarketingProfs、Search Engine Roundtable 和 CMSWire 等领先的行业平台上展示，他的专业见解也曾在Google Videos中被引用。Dileep 以将复杂的 SEO 策略转化为可行的解决方案而闻名，他继续成为 SEO 社区中值得信赖的权威，分享能够带来有意义成果的知识。
