一个子菜单显示移动设备和桌面设备的页面体验概
Dec 9, 2023 5:47:33 GMT -5
Post by account_disabled on Dec 9, 2023 5:47:33 GMT -5
Search Console 显示来自 Chrome 用户体验报告 (CrUX) 的字段数据。这是有关访问您网站的用户的真实数据。 数据不会实时更新，而是基于过去 28 天的活动。 核心 Web Vitals 指标（FID、LCP、CLS）在页面级别进行聚合，并按 Search Console 中的类似页面进行分组。 Search Console 中的问题与一组具有类似问题的网页相关。 如果三个指标（LCP、FID、CLS）的第 75 个百分位数良好，则您的网站页面通过了 Core Web Vital 评估。换句话说，如果75%的显示页面得分最高。 页面针对移动设备和桌面设备分别进行评级。 体验面板的第述。 您可以确定一段时间内您网站上的良好 URL 所占的百分比，以及找到这些良好 URL 后的总印象数。 有关主要信号的信息如下： Core Web Vitals：有多少 URL 未通过测试？ 移动可用性：如果存在与移动可用性相关的任何问题。 HTTPS：指示您的网站是否使用 HTTPS。 显然你的目标是让一切变得绿色。 现在我们将了解如何分析与 Core Web Vitals 相关的问题。 第 2 步 – 从 Search Console 打开 Core Web Vitals 报告 转到 Google Search Console 并打开“ Core Web Vitals ”报告来识别需要特别关注的页面。 您会发现两份报告，一份针对移动设备，一份针对桌面设备。 报告显示随着时间的推移，较差、需要改进和良好 URL 的数量。 单击“打开报告”以获取有关问题的更多信息。 步骤 3 – 识别按页面分组的问题 在移动设备或桌面设备上打开报告后，您将获得有关网站页面体验问题的更多详细信息。
在“详细信息”面板中，列出了问题类型，您还可以查看有多少个 URL 或页面受到影响。 当您单击某个问题时，会显示具有类似问题的页面。 要查看链接页面的完整列表，请单击示例页面，面板将显示所有类似的 URL。 同样的问题可能会出 工作职能邮件数据库 现在您网站的多个页面上，尤其是当您使用 WordPress 等内容管理系统时。 这是因为页面共享相似的模板，因此可以通过改进页面模板（例如帖子模板）来解决该问题。 如果我们关注当前的问题，你会发现这是CLS的问题。 提醒一下，好的 CLS 小于 0.1，差的 CLS 大于 0.25。聚合的 CLS 显示值为 0.20，因此需要改进。 步骤 4 – 使用 PageSpeed Insights 进行页面分析 我们不会打开每个页面来分析问题，但我们可以专注于报告中提供的示例并修复它。 您可以直接点击Search Console右侧面板中打开PageSpeed Insights的按钮。 正如我们之前看到的，PageSpeed Insights 是一款报告现场数据和实验室数据的 Google 工具： 现场数据来自Crux 实验室数据来自Lighthouse 第一个面板显示我网站的现场数据或实际用户。 不幸的是，由于示例 URL 没有足够的信息，因此它会退回到我的网站的来源，即我网站的主页。 如果发生这种情况，您可以使用组中接收更多流量的另一个 URL 来运行 PageSpeed Insights 报告。 就我而言，主页是无关紧要的，因为它使用的模板不同。 下面的第二个面板显示了模拟环境的详细分析。 在那里您将找到第一份报告，其中包含改进建议。
就我而言，CSS 和 Javascript 资源似乎阻止了我的页面渲染。我应该详细调查一下这里发生了什么。 主要的 Core Web Vitals 指标会突出显示，您可以看到哪些指标通过了，哪些指标失败了。 以下是一项审计，其中指出了一些改进的机会和可能性。 您还可以过滤视图并仅查看与 PCF、LCP 或 CLS 相关的问题。 第 5 步 – 修复页面问题 根据初步分析，您现在已经确定了许多需要解决的问题。 每个网站都有其特定的问题，这通常需要开发技能，包括前端开发知识（HTML、CSS、Javascript）。 在下一节中，我们将了解优化网站和核心网络生命的最佳实践。 第 6 步 – 在 Search Console 中验证问题 在修复阶段，您将尝试对网站进行不同的更改，并使用不同的工具重新运行审核以测试基本的 Web Vitals。 在开发模式下进行测试的唯一方法是依赖模拟环境和实验室数据。 您可以使用以下工具进行审核： 页面速度洞察 web.dev/测量/ 灯塔 当您对性能问题已得到解决感到满意后，您可以返回 Search Console 并提交修复。 请注意，验证最多需要 28 天。 事实上，Google 不会根据实验室数据进行验证，而是根据 Chrome 用户体验 (CrUX) 报告中的真实数据进行验证。该数据不是实时的，而是 28 天的汇总数据。 优化网站核心网络生命力的提示和最佳实践 网站优化问题通常是由于技术问题造成的。 对于页面（客户端）问题，例如 CSS 和 Javascript，Web 开发人员将有助于修改代码。 对于与 CMS 或基础设施（服务器端）相关的问题，您将需要后端开发人员或 DevOps。 您会明白解决大多数优化问题需要一定的技术背景，或者联系网络开发专家。 然而，一些改进点非常简单。
在“详细信息”面板中，列出了问题类型，您还可以查看有多少个 URL 或页面受到影响。 当您单击某个问题时，会显示具有类似问题的页面。 要查看链接页面的完整列表，请单击示例页面，面板将显示所有类似的 URL。 同样的问题可能会出 工作职能邮件数据库 现在您网站的多个页面上，尤其是当您使用 WordPress 等内容管理系统时。 这是因为页面共享相似的模板，因此可以通过改进页面模板（例如帖子模板）来解决该问题。 如果我们关注当前的问题，你会发现这是CLS的问题。 提醒一下，好的 CLS 小于 0.1，差的 CLS 大于 0.25。聚合的 CLS 显示值为 0.20，因此需要改进。 步骤 4 – 使用 PageSpeed Insights 进行页面分析 我们不会打开每个页面来分析问题，但我们可以专注于报告中提供的示例并修复它。 您可以直接点击Search Console右侧面板中打开PageSpeed Insights的按钮。 正如我们之前看到的，PageSpeed Insights 是一款报告现场数据和实验室数据的 Google 工具： 现场数据来自Crux 实验室数据来自Lighthouse 第一个面板显示我网站的现场数据或实际用户。 不幸的是，由于示例 URL 没有足够的信息，因此它会退回到我的网站的来源，即我网站的主页。 如果发生这种情况，您可以使用组中接收更多流量的另一个 URL 来运行 PageSpeed Insights 报告。 就我而言，主页是无关紧要的，因为它使用的模板不同。 下面的第二个面板显示了模拟环境的详细分析。 在那里您将找到第一份报告，其中包含改进建议。
就我而言，CSS 和 Javascript 资源似乎阻止了我的页面渲染。我应该详细调查一下这里发生了什么。 主要的 Core Web Vitals 指标会突出显示，您可以看到哪些指标通过了，哪些指标失败了。 以下是一项审计，其中指出了一些改进的机会和可能性。 您还可以过滤视图并仅查看与 PCF、LCP 或 CLS 相关的问题。 第 5 步 – 修复页面问题 根据初步分析，您现在已经确定了许多需要解决的问题。 每个网站都有其特定的问题，这通常需要开发技能，包括前端开发知识（HTML、CSS、Javascript）。 在下一节中，我们将了解优化网站和核心网络生命的最佳实践。 第 6 步 – 在 Search Console 中验证问题 在修复阶段，您将尝试对网站进行不同的更改，并使用不同的工具重新运行审核以测试基本的 Web Vitals。 在开发模式下进行测试的唯一方法是依赖模拟环境和实验室数据。 您可以使用以下工具进行审核： 页面速度洞察 web.dev/测量/ 灯塔 当您对性能问题已得到解决感到满意后，您可以返回 Search Console 并提交修复。 请注意，验证最多需要 28 天。 事实上，Google 不会根据实验室数据进行验证，而是根据 Chrome 用户体验 (CrUX) 报告中的真实数据进行验证。该数据不是实时的，而是 28 天的汇总数据。 优化网站核心网络生命力的提示和最佳实践 网站优化问题通常是由于技术问题造成的。 对于页面（客户端）问题，例如 CSS 和 Javascript，Web 开发人员将有助于修改代码。 对于与 CMS 或基础设施（服务器端）相关的问题，您将需要后端开发人员或 DevOps。 您会明白解决大多数优化问题需要一定的技术背景，或者联系网络开发专家。 然而，一些改进点非常简单。