谷歌网站建设的页面速度指标解读

  页面速度一直是网站在搜索引擎中的表现以及客户如何看待网站的重要组成部分。它也可能是用户是否会在网站上转换或购买的决定因素。

  我们都曾因为退出一个非常缓慢的网页并再次开始搜索而感到内疚……

  在我们针对 Page Speed 有效且可持续地优化网站之前,我们需要首先了解 Google(和其他搜索引擎)在计算您的网站在Page Speed Insights 报告中的“分数”时会考虑什么。虽然我们可以清楚地看到哪些方面被测量和报告,但并不总是清楚这些指标实际上是什么以及它们测量什么。

  这就是我们整理本指南的原因 – 帮助您了解 Page Speed Insight 指标,以帮助您使您的网站更加用户友好且更易于最终用户访问。

  最大的内容绘制 (LCP)

  最大的内容绘制是 Page Speed Insights 报告中的一个关键指标,实际上将在 2021 年 5 月的 Google 算法更新中发挥关键作用,如果您还没有阅读,我们建议您阅读。您可以在此处下载我们的完整准备指南。

  简单地说:最大的内容绘制测量在浏览器中指定的视口内填充和可视化最大的图像或文本块所花费的渲染时间。所有 LCP 都与页面首次开始加载时相关。

  首次内容绘制 (FCP)

  一般来说,术语“第一次绘制”是指在您的浏览器上呈现任何内容的确切时间。您通常会看到 First Paint 是您尝试加载的页面顶部的标题/横幅图像,甚至只是相关页面的背景颜色。首先“绘制”横幅图像或页面背景是给人一种快速加载页面印象的好方法。

  然而,First Paint 还有另一个层次……First Contentful Paint。First Contentful Paint (FCP) 在保持页面速度方面更有效。它测量第一段实际内容(无论是文本/副本还是视觉资产)在浏览器上可见所需的时间。

  简单地说: FCP 是您的用户可以参与或从中受益的内容变得可见的点。

  交互时间 (TTI)

  互动时间是另一个非常重要的页面速度指标,不仅对搜索引擎而且对用户同样(如果不是更重要)。交互时间意味着(如您所料)网页完全交互所需的时间。

  在谈到 SEO 和页面速度时,“交互式”可能是非常主观的,但是,Google 使用 3 个标准定义了交互时间 (TTI):

  •   网页已呈现并显示有用的内容(请参阅第一个内容绘制部分)
  •   已成功为大多数/所有可见页面元素注册了事件处理程序
  •   该页面现在可以快速有效地响应用户交互,通常在 50 毫秒内。

  如何解释交互时间

  下表重点介绍了 Page Speed Insights Report 如何衡量和“评分”您的 TTI:

  简单地说:互动时间是您的用户可以查看、导航和参与您的网站/网页而不会遇到任何问题或延迟的时间点。

  速度指数

  速度指数相对容易理解(这是 SEO 世界中的一个异常现象,其中一切通常都非常复杂)。Google 将您网站的速度指数定义为您的网页/网站上的内容在视觉上填充所需的时间(以秒为单位)。

  在计算网页的速度指数时,Google 会根据 HTTP 存档中的数据对速度指数分数(他们使用Speedline Node.js 模块获得)进行基准测试。

  Page Speed Insights 如何对速度指数进行分类:

  总阻塞时间

  Page Speed Insights 报告的这一指标衡量网页被阻止响应用户输入的时间(以秒为单位)。这些类型的用户输入包括鼠标点击、键盘按下或屏幕点击等。

  总阻塞时间是使用 FCP 和 TTI 点之间所有“长任务”的总和来计算的。任何超过 50 毫秒的任务都被视为“长任务”,并且总阻塞时间在此之后计算,因此如果任务需要 70 毫秒,TBT 将为 20 毫秒。

  累积布局偏移 (CLS)

  CLS 将再次在 2021 年 5 月的 CWV 算法更新中发挥关键作用(我们再次鼓励您通过我们的指南了解更多信息)。每次可见元素从一帧突然移动或移动到另一帧时,都会发生布局偏移。

  您是否曾经点击过网页上的某些内容,然后就在您点击之前……整个页面(或至少大部分)突然移动……而您最终点击了错误的内容?我们都经历过……这就是所谓的累积布局转变。

  简单地说:累积布局偏移是用户会话期间网页生命周期内发生的所有意外和突然的布局偏移的总和。