基本互联网参数：它们是什么以及如何优化它们
Posted: Wed Dec 04, 2024 10:54 am
Google 于 2020 年 5 月宣布，Core Web Vitals 是评估用户在网站上的体验质量的具体指标。
这些被认为必不可少的网络信号在谷歌正式宣布从 2021 年起将成为排名因素后，对 SEO变得极其重要。
尽管已经过去了一段时间，但许多网站仍然缺乏性能。
在本文中，我们将了解什么是 Google 的核心网络生命、它们如何影响 SEO，以及为什么您应该提高网站的性能。
什么是核心网络生命力？
Core Web Vitals是一组指标，用于评估用户在网站上的性能、稳定性和响应能力方面的体验。
它们被定义为必不可少的，并且不仅对于用户体验而且对于搜索引擎优化也变得很重要。
虽然还有其他用户体验信号，但这些被认为是高质量网站必须遵守的基本参数。
具体来说，这些是：
最大的内容痛苦（LCP）
首次输入延迟 (FID)
累积布局偏移 (CLS)
页面体验信号 - Google
我们来一一分析。
最大的内容痛点 (LCP)
Largest Contentful Paint (LCP) 是 Core Web Vitals 指标中的第一个，用于衡量视口中被识别为主要内容（换句话说，以字节为单位的最大大小）的加载速度。
该参数从首页加载开始计算，不考虑所有元素，而仅关注图像、视频或文本块。
同样，该值不是在整个页面上计算的，而是仅在加载期间可见的部分上计算，丢弃裁剪或隐藏的元素。
还值得知道的是，图像的大小是根据内部值和可见值之间的较低值计算的。
最大的内容痛苦（LCP）
资料来源：Web.Dev
LCP 分数较低表示页面加载速度快并提供积极的用户体验。
Google 认为积极的最大限制是 2.5 秒，这意味着您网站上最有影响力的内容必须在此限制内加载。
否则，充电时间越长，LCP分数越高。这就是为什么提高页面加载速度如此重要。
首次输入延迟 (FID)
首次输入延迟 (FID) 是 Core Web Vitals 的第二个指标，用于衡量网站的响应能力。
谷歌建议，给人留下良好的第一印象很重要。但要做到这一点，不能只靠外观，还要靠响应时间。
一段时间以来，谷歌一直在计算首次内容绘制（FCP）分数，以衡量加载第一个被认为与屏幕相关的内容所需的时间。
然而如今，这个值似乎不再足够，这就是引入 FID 的原因，它衡量网站响应用户初始交互（例如单击按钮或链接）所需的时间。
FID 分数较低表示该网站响应灵敏并提供流畅的用户体验。
否则，正如我们在 LCP 指标中看到的那样，响应交互所需的时间越长，其价值就增加得越多。
首次输入延迟 (FID) 分数
资料来源：Web.Dev
累积布局偏移 (CLS)
累积布局转变(CLS) 是核心 Web Vitals 指标中的最后一个，用于衡量网站的视觉稳定性。
换句话说，它评估加载时有多少页面元素意外移动。这个问题通常是由于页面渲染时间过长造成的，尤其是在加载外部资源并且没有提前定义必要的空间时。
获得较低的 CLS 分数不仅意味着您的网站稳定并且可以从较高的排名分数中受益，而且还意味着它提供了愉快的用户体验，因此更有可能进行转化。
事实上，高分可能是严重可用性问题的症状，而这些问 白俄罗斯电话号码资源 题远远超出了 SEO 的范围，根据我自己的经验，我建议您更仔细地分析这个指标。
累积布局偏移 (CLS) 分数
资料来源：Web.Dev
Core Web Vitals 真的有必要吗？
简短的回答：是的。
但现在我知道你在想什么。
“如果基本网络生命如此重要，为什么有这么多得分很高的成功网站呢？”
（请记住，在讨论 Web Vitals 时，高分等于负值。）
嗯，性能只是众多排名因素之一，对于 SEO 来说，它当然不是最重要的因素。
内容仍然会主导加载速度，这也是很自然的。
然而，考虑到这一点，值得记住的是，掌握在手的统计数据，提高网站的性能会成比例地增加该网站产生参与度的机会，提高用户保留率并降低跳出率，所有这些因素都有助于更好地在搜索中定位结果并提高转化率。
基础网站优化
提高 Core Web Vitals 性能的第一步是了解从哪里开始以及做什么。
这是一个看似漫长而复杂的过程。然而，通过一些具体的干预措施，可以提高加载速度、响应能力和稳定性。
为此，您可以使用在线提供的众多工具之一。我建议使用多个来比较结果（毕竟它们仍然是工具，判断错误总是指日可待）。
可用的选项有很多，只需考虑著名的 GTMetrix、Pingdom Tools 和 WebPageTest.org。它们都非常有用，并且能够基于专有的分析算法提供独特的观点。
无论您选择哪种解决方案，您仍然需要处理 Google 对您网站的意见，因此使用 PageSpeedInsight 进行扫描对于您的优化工作至关重要。
Google 的 Pagespeed 工具
当您想要测试正在开发的站点（可能仍然是本地站点或阻止外部访问）时，此工具特别有用。
最后，您可以关注 Google Search Console 中的“体验”选项卡，这将为您提供更广泛的网站概览，而不仅仅是单个页面。
Google Search Console 的“体验”标签
一旦您确定了适合您的分析工具，请考虑到每个站点需要不同的活动，因此不可能提前确定您应该如何导航。
然而，有些情况几乎是所有网站所共有的，因此，无论使用何种技术，都必须始终对其进行分析。
以下是优化 Core Web Vitals 时需要关注的主要领域：
图片
CSS 和 JavaScript
字体
图片
一些最重要的图像优化实践包括：
确保使用一种称为延迟加载的技术在您需要时加载它们。这样，您就可以避免在第一个渲染步骤中无缘无故地出现页面上的所有图像，即使它们在视口中尚不可见。
重要的是，您的网站可以以压缩和现代格式提供图像，以便为用户提供相同的体验，但加载时间要快得多。流行的格式包括 WebP 和 Avif，但请注意，并非所有浏览器都支持这两种技术。因此应该为旧浏览器提供替代版本。您可以随时访问 caniuse.com 以了解哪些浏览器（以及哪些版本）支持特定技术。
与其他 HTML 元素一样，显式指定图像的长度和宽度值是一种很好的做法，以尽可能避免 CLS 增长。
CSS 和 JavaScript
请遵循以下 CSS 和 JavaScript 提示：
确保尽可能最小化文件以减小其大小。
测试您的文件组合以确定加载时间是否在保持功能的同时加快。
从样式表中提取关键 CSS 并确定其优先级。有许多工具可以帮助识别所使用的代码部分。或者，您可以使用 Chrome 检查器中的覆盖率功能。
只要有可能，通过使用delay或defer命令或简单地将它们移动到页脚来推迟不必要的脚本的执行。
使用 preload、prefetch 或 preconnect 命令根据需要预加载关键资源。
字体
字体也是提高性能的关键因素：
如果您想要优化（以及完全符合 GDPR），您应该在本地托管您的字体（特别是如果您的网站使用 Google Fonts）。
优先选择可变字体而不是静态字体，以获得更强大的功能和更快的加载时间。
即使在使用字体显示 CSS 功能加载字体之前，也确保文本始终可见。
当然还有几十个其他的微观优化，但是如果你专注于这些点，你已经完成了 95% 的工作！
核心网络生命：即将更新
谷歌不断致力于改进其算法和在线体验。
对此，发布了重要消息。
让我们一起来看看它是什么吧。
再见 FID，欢迎来到 INP
从 2024 年 3 月开始，其中一项核心 Web Vitals 将替换为新参数。
第一个输入延迟实际上将被下次绘制交互 (INP) 所取代。
与 Next Paint 的新交互
结论
Google 的核心网络生命对于 SEO 和用户体验至关重要。
监控和优化您的 CLS、LCP 和 FID 指标将帮助您确保您的网站在搜索结果中排名良好，并提供高质量的用户体验。
使用 Search Console 和其他分析工具来识别任何问题并实施解决方案，以帮助您提高网站的性能并最终提高搜索排名。
这些被认为必不可少的网络信号在谷歌正式宣布从 2021 年起将成为排名因素后，对 SEO变得极其重要。
尽管已经过去了一段时间，但许多网站仍然缺乏性能。
在本文中，我们将了解什么是 Google 的核心网络生命、它们如何影响 SEO，以及为什么您应该提高网站的性能。
什么是核心网络生命力？
Core Web Vitals是一组指标，用于评估用户在网站上的性能、稳定性和响应能力方面的体验。
它们被定义为必不可少的，并且不仅对于用户体验而且对于搜索引擎优化也变得很重要。
虽然还有其他用户体验信号，但这些被认为是高质量网站必须遵守的基本参数。
具体来说，这些是：
最大的内容痛苦（LCP）
首次输入延迟 (FID)
累积布局偏移 (CLS)
页面体验信号 - Google
我们来一一分析。
最大的内容痛点 (LCP)
Largest Contentful Paint (LCP) 是 Core Web Vitals 指标中的第一个，用于衡量视口中被识别为主要内容（换句话说，以字节为单位的最大大小）的加载速度。
该参数从首页加载开始计算，不考虑所有元素，而仅关注图像、视频或文本块。
同样，该值不是在整个页面上计算的，而是仅在加载期间可见的部分上计算，丢弃裁剪或隐藏的元素。
还值得知道的是，图像的大小是根据内部值和可见值之间的较低值计算的。
最大的内容痛苦（LCP）
资料来源：Web.Dev
LCP 分数较低表示页面加载速度快并提供积极的用户体验。
Google 认为积极的最大限制是 2.5 秒，这意味着您网站上最有影响力的内容必须在此限制内加载。
否则，充电时间越长，LCP分数越高。这就是为什么提高页面加载速度如此重要。
首次输入延迟 (FID)
首次输入延迟 (FID) 是 Core Web Vitals 的第二个指标，用于衡量网站的响应能力。
谷歌建议，给人留下良好的第一印象很重要。但要做到这一点，不能只靠外观，还要靠响应时间。
一段时间以来，谷歌一直在计算首次内容绘制（FCP）分数，以衡量加载第一个被认为与屏幕相关的内容所需的时间。
然而如今，这个值似乎不再足够，这就是引入 FID 的原因，它衡量网站响应用户初始交互（例如单击按钮或链接）所需的时间。
FID 分数较低表示该网站响应灵敏并提供流畅的用户体验。
否则，正如我们在 LCP 指标中看到的那样，响应交互所需的时间越长，其价值就增加得越多。
首次输入延迟 (FID) 分数
资料来源：Web.Dev
累积布局偏移 (CLS)
累积布局转变(CLS) 是核心 Web Vitals 指标中的最后一个，用于衡量网站的视觉稳定性。
换句话说，它评估加载时有多少页面元素意外移动。这个问题通常是由于页面渲染时间过长造成的，尤其是在加载外部资源并且没有提前定义必要的空间时。
获得较低的 CLS 分数不仅意味着您的网站稳定并且可以从较高的排名分数中受益，而且还意味着它提供了愉快的用户体验，因此更有可能进行转化。
事实上，高分可能是严重可用性问题的症状，而这些问 白俄罗斯电话号码资源 题远远超出了 SEO 的范围，根据我自己的经验，我建议您更仔细地分析这个指标。
累积布局偏移 (CLS) 分数
资料来源：Web.Dev
Core Web Vitals 真的有必要吗？
简短的回答：是的。
但现在我知道你在想什么。
“如果基本网络生命如此重要，为什么有这么多得分很高的成功网站呢？”
（请记住，在讨论 Web Vitals 时，高分等于负值。）
嗯，性能只是众多排名因素之一，对于 SEO 来说，它当然不是最重要的因素。
内容仍然会主导加载速度，这也是很自然的。
然而，考虑到这一点，值得记住的是，掌握在手的统计数据，提高网站的性能会成比例地增加该网站产生参与度的机会，提高用户保留率并降低跳出率，所有这些因素都有助于更好地在搜索中定位结果并提高转化率。
基础网站优化
提高 Core Web Vitals 性能的第一步是了解从哪里开始以及做什么。
这是一个看似漫长而复杂的过程。然而，通过一些具体的干预措施，可以提高加载速度、响应能力和稳定性。
为此，您可以使用在线提供的众多工具之一。我建议使用多个来比较结果（毕竟它们仍然是工具，判断错误总是指日可待）。
可用的选项有很多，只需考虑著名的 GTMetrix、Pingdom Tools 和 WebPageTest.org。它们都非常有用，并且能够基于专有的分析算法提供独特的观点。
无论您选择哪种解决方案，您仍然需要处理 Google 对您网站的意见，因此使用 PageSpeedInsight 进行扫描对于您的优化工作至关重要。
Google 的 Pagespeed 工具
当您想要测试正在开发的站点（可能仍然是本地站点或阻止外部访问）时，此工具特别有用。
最后，您可以关注 Google Search Console 中的“体验”选项卡，这将为您提供更广泛的网站概览，而不仅仅是单个页面。
Google Search Console 的“体验”标签
一旦您确定了适合您的分析工具，请考虑到每个站点需要不同的活动，因此不可能提前确定您应该如何导航。
然而，有些情况几乎是所有网站所共有的，因此，无论使用何种技术，都必须始终对其进行分析。
以下是优化 Core Web Vitals 时需要关注的主要领域：
图片
CSS 和 JavaScript
字体
图片
一些最重要的图像优化实践包括：
确保使用一种称为延迟加载的技术在您需要时加载它们。这样，您就可以避免在第一个渲染步骤中无缘无故地出现页面上的所有图像，即使它们在视口中尚不可见。
重要的是，您的网站可以以压缩和现代格式提供图像，以便为用户提供相同的体验，但加载时间要快得多。流行的格式包括 WebP 和 Avif，但请注意，并非所有浏览器都支持这两种技术。因此应该为旧浏览器提供替代版本。您可以随时访问 caniuse.com 以了解哪些浏览器（以及哪些版本）支持特定技术。
与其他 HTML 元素一样，显式指定图像的长度和宽度值是一种很好的做法，以尽可能避免 CLS 增长。
CSS 和 JavaScript
请遵循以下 CSS 和 JavaScript 提示：
确保尽可能最小化文件以减小其大小。
测试您的文件组合以确定加载时间是否在保持功能的同时加快。
从样式表中提取关键 CSS 并确定其优先级。有许多工具可以帮助识别所使用的代码部分。或者，您可以使用 Chrome 检查器中的覆盖率功能。
只要有可能，通过使用delay或defer命令或简单地将它们移动到页脚来推迟不必要的脚本的执行。
使用 preload、prefetch 或 preconnect 命令根据需要预加载关键资源。
字体
字体也是提高性能的关键因素：
如果您想要优化（以及完全符合 GDPR），您应该在本地托管您的字体（特别是如果您的网站使用 Google Fonts）。
优先选择可变字体而不是静态字体，以获得更强大的功能和更快的加载时间。
即使在使用字体显示 CSS 功能加载字体之前，也确保文本始终可见。
当然还有几十个其他的微观优化，但是如果你专注于这些点，你已经完成了 95% 的工作！
核心网络生命：即将更新
谷歌不断致力于改进其算法和在线体验。
对此，发布了重要消息。
让我们一起来看看它是什么吧。
再见 FID，欢迎来到 INP
从 2024 年 3 月开始，其中一项核心 Web Vitals 将替换为新参数。
第一个输入延迟实际上将被下次绘制交互 (INP) 所取代。
与 Next Paint 的新交互
结论
Google 的核心网络生命对于 SEO 和用户体验至关重要。
监控和优化您的 CLS、LCP 和 FID 指标将帮助您确保您的网站在搜索结果中排名良好，并提供高质量的用户体验。
使用 Search Console 和其他分析工具来识别任何问题并实施解决方案，以帮助您提高网站的性能并最终提高搜索排名。