Post by 应对 iOS 14 带来的 Facebook CPM 上升的 on Dec 6, 2023 6:19:01 GMT -5
已经确认,Core Web Vitals 将在 2021 年 5 月通过页面体验更新成为搜索排名因素。 这意味着,虽然高质量的内容仍然占据主导地位,但搜索引擎优化的技术方面将变得更加重要。 提高核心网络生命力——谷歌页面速度洞察报告 那么这意味着什么以及您如何为此做好准备? 在这篇文章中,我们将向您介绍 Core Web Vitals,然后提供您可以实施的五个步骤,以确保您的网站符合此算法更新: 减少 JavaScript 执行 实施延迟加载 优化和压缩图像 为图像和嵌入提供适当的尺寸 提高服务器响应时间 什么是核心网络生命力? 核心网络生命是评估网站用户体验的页面体验信号。 简而言之,这些信号衡量用户与您的网站交互的速度以及他们将收到什么样的结果。 这些信号还衡量用户浏览网站的难易程度。 如果您改善用户体验并使您的网站总体上更好,那么您的页面体验得分就会越高。 改善核心网络生命力 图片来源 共有三个核心 Web Vitals 指标: 最大内容绘制 (LCP) 衡量最大元素(图像、视频、动画、文本等)在网站上加载和显示的速度。 累积布局转变 (CLS) 可确保网站页面不会发生可能干扰用户消费内容的意外、混乱的移动。
首次输入延迟 (FID) 显示用户首次与网站页面交互时网站页面的响应程度。 它还衡量网站浏览器为用户提供结果的速度。 下图显示了指示核心 Web Vitals 评分的时间范围 - 良好、需要改进和较差。 下一段中解释的技巧将帮助网站所有者将其核 Whatsapp 号码列表 心网络生命力分数从差提高到好。 改进核心 Web Vitals — 兼容的开发人员工具列表 图片来源 现在,让我们继续提示! 改善核心网络活力的 5 个技巧 要了解您的网站在核心网络生命力方面的表现如何,您应该对网站性能分析进行快速测试。 为此,您可以使用 Google 的工具(例如 Search Console 和 Page Speed Insights)以及其他工具(例如 GTmetrix)。 如果您使用不同的工具运行性能报告,则值得比较结果并更有效地改进页面。 改善核心网络生命力 LCP FID CLS 图片来源 1. 减少 JavaScript (JS) 执行 如果您的报告显示 FID 分数较差,则意味着您的页面与用户的交互时间超过 300 毫秒。 您应该考虑减少和优化 JS 执行。 这意味着浏览器执行 JS 代码和页面之间的时间减少了。 尽可能少地使用内存也很重要。 为什么? 每当您的网站代码请求浏览器时,它都会保留一个新的内存,以停止 JavaScript 并可能减慢页面速度。 根据 Google 的说法,减少执行的方法之一是推迟未使用的 JS。 要查看您的网站是否有未使用的 JavaScript: 首先,转到您的网站并单击鼠标右键并选择“检查”。 改进核心网络生命力——检查元素截图 然后单击“来源”并查找底部的三个点。 你应该添加一个工具——“覆盖率”。 添加完毕后,按加载功能。
改进核心 Web Vitals —“检查元素”窗口中覆盖率工具的屏幕截图 加载完成后,您将看到网页上未使用多少 JavaScript。 改进核心 Web Vitals——减少 JavaScript 当你意识到未使用的 JS 数量时,你应该开始减少它。 实现此目的的方法之一是使用代码拆分。 这意味着将一个 JavaScript 包(将文件合并到一个包中,以避免加载页面所需的过多 HTTP 请求)分成更小的部分。 2. 实现延迟加载 如果您在网站上显示图像,那么实施延迟加载至关重要,这样您网站的用户体验和核心 Web Vitals 分数就不会受到损害。 延迟加载允许在用户向下滚动页面时立即加载图像,而不会影响网站的加载速度并实现一流的 LCP 分数。 延迟加载的其他好处是: 您网站的性能将会得到改善。 它将限制带宽使用。 它可以改善您网站的搜索引擎优化。 它将使您的访问者留在页面上并降低跳出率。 延迟加载会给您的网站带来好处吗? 根据 HubSpot 的说法,资源表明,对于那些包含许多图像、动画或视频(又名重元素)的页面,延迟加载将被认为是必须的。 然而,对于哪些页面应该实现延迟加载,并没有固定的规则。 所以,如果你的网站的LCP分数很差,你应该考虑尝试延迟加载,然后比较实施前后的结果。
首次输入延迟 (FID) 显示用户首次与网站页面交互时网站页面的响应程度。 它还衡量网站浏览器为用户提供结果的速度。 下图显示了指示核心 Web Vitals 评分的时间范围 - 良好、需要改进和较差。 下一段中解释的技巧将帮助网站所有者将其核 Whatsapp 号码列表 心网络生命力分数从差提高到好。 改进核心 Web Vitals — 兼容的开发人员工具列表 图片来源 现在,让我们继续提示! 改善核心网络活力的 5 个技巧 要了解您的网站在核心网络生命力方面的表现如何,您应该对网站性能分析进行快速测试。 为此,您可以使用 Google 的工具(例如 Search Console 和 Page Speed Insights)以及其他工具(例如 GTmetrix)。 如果您使用不同的工具运行性能报告,则值得比较结果并更有效地改进页面。 改善核心网络生命力 LCP FID CLS 图片来源 1. 减少 JavaScript (JS) 执行 如果您的报告显示 FID 分数较差,则意味着您的页面与用户的交互时间超过 300 毫秒。 您应该考虑减少和优化 JS 执行。 这意味着浏览器执行 JS 代码和页面之间的时间减少了。 尽可能少地使用内存也很重要。 为什么? 每当您的网站代码请求浏览器时,它都会保留一个新的内存,以停止 JavaScript 并可能减慢页面速度。 根据 Google 的说法,减少执行的方法之一是推迟未使用的 JS。 要查看您的网站是否有未使用的 JavaScript: 首先,转到您的网站并单击鼠标右键并选择“检查”。 改进核心网络生命力——检查元素截图 然后单击“来源”并查找底部的三个点。 你应该添加一个工具——“覆盖率”。 添加完毕后,按加载功能。
改进核心 Web Vitals —“检查元素”窗口中覆盖率工具的屏幕截图 加载完成后,您将看到网页上未使用多少 JavaScript。 改进核心 Web Vitals——减少 JavaScript 当你意识到未使用的 JS 数量时,你应该开始减少它。 实现此目的的方法之一是使用代码拆分。 这意味着将一个 JavaScript 包(将文件合并到一个包中,以避免加载页面所需的过多 HTTP 请求)分成更小的部分。 2. 实现延迟加载 如果您在网站上显示图像,那么实施延迟加载至关重要,这样您网站的用户体验和核心 Web Vitals 分数就不会受到损害。 延迟加载允许在用户向下滚动页面时立即加载图像,而不会影响网站的加载速度并实现一流的 LCP 分数。 延迟加载的其他好处是: 您网站的性能将会得到改善。 它将限制带宽使用。 它可以改善您网站的搜索引擎优化。 它将使您的访问者留在页面上并降低跳出率。 延迟加载会给您的网站带来好处吗? 根据 HubSpot 的说法,资源表明,对于那些包含许多图像、动画或视频(又名重元素)的页面,延迟加载将被认为是必须的。 然而,对于哪些页面应该实现延迟加载,并没有固定的规则。 所以,如果你的网站的LCP分数很差,你应该考虑尝试延迟加载,然后比较实施前后的结果。