什么是 Google Lighthouse 以及如何使用它

Google Lighthouse是一种开源 API，旨在帮助网络开发人员根据特定指标审核其网站的性能和质量。 其中一项指标是搜索引擎优化 (SEO)，这使 Lighthouse 成为一个非常有用的工具，可帮助您提高网站的搜索引擎结果页面 (SERP) 排名。

在本文中，我们涵盖了您需要了解的有关 Google Lighthouse 的所有信息，包括它运行审计所依据的指标。 我们还向您展示了如何使用审核结果来优化您的网站以获得更高的 SERP 排名、更高的点击率、改善的用户体验和其他好处。

什么是谷歌灯塔？

Google Lighthouse 经常被比作另一个名为 PageSpeed Insights 的软件。 但重要的是要注意这两个程序之间存在差异。

PageSpeed Insights 与 Lighthouse

Lighthouse 和 PageSpeed Insights 有一些共同特征。 例如，它们都是由谷歌开发的，它们都具有评估给定网页性能的能力。 此外，PageSpeed 由 Lighthouse 的分析引擎提供支持，这清楚地表明这些工具旨在相互补充。

但是，虽然 PageSpeed 更侧重于性能指标（例如，网页的加载时间、响应能力和视觉流畅度），但 Lighthouse 更进一步并评估其他元素，如 SEO 和可访问性。

因此，为了更全面地评估您网站的性能，以及网站的用户可访问性、最佳实践、SEO 等，Lighthouse 测试是比 PageSpeed Insights 更好的选择。

运行灯塔的工具

Chrome 开发者工具

如何使用 Chrome DevTools 运行 Google Lighthouse

第 1 步：打开您要测试的网页。

第 2 步：打开 Chrome DevTools，然后单击标有“Lighthouse”的选项卡。

第 3 步：单击“分析页面加载”并启用所有审核类别。

第 4 步：点击“Run audit”，在 30-60 秒内，您的 Lighthouse 报告应该会出现。

如何在 web.dev 中使用 Google Lighthouse

第 1 步：转到pagespeed.web.dev

第 2 步：输入要审核的网站的 URL。

第 3 步：点击“分析”。

Chrome 扩展程序

如何通过 Chrome 扩展程序使用 Google Lighthouse

第 1 步：在您的 Google Chrome 浏览器上安装Google Lighthouse Chrome 扩展程序。

第 2 步：导航到您要测试的网站。

第 3 步：单击 Chrome 地址栏右侧的灯塔符号，或者通过扩展菜单访问灯塔。

第四步：点击“生成报告”。

节点模块

如何在 Node 中使用 Google Lighthouse

第 1 步：在桌面上下载 Google Chrome。

第 2 步：安装最新版本的 Node（确保它是长期支持版本）。

第 3 步：通过输入“npm install -g lighthouse”将 Lighthouse 安装为全局模块。

第 4 步：使用提示符“lighthouse <url>”运行审核

Google Lighthouse 审计的工作原理

Google Lighthouse 审核根据五个不同的报告类别评估网站。

报告类别：

•性能
•无障碍
•搜索引擎优化
•最佳实践
•渐进式网络应用 (PWA)

每个类别的得分为 0-100，0 表示失败，100 表示完美。

Google Lighthouse 性能指标是如何计算的？

最新版本的 Google Lighthouse（版本 8 和 9）根据七个不同的指标计算网页性能的总体得分。 每个指标占分数的一定百分比。

以下是七个性能指标的列表以及每个指标可以获得的最高分数，总最高分数为 100%。

• Largest Contentful Paint (LCP)：25%
•总阻塞时间（TBT）：30%
• First Contentful Paint (FCP)：10%
•速度指数（SI）：10%
•交互时间 (TTI)：10%
•累积布局偏移 (CLS)：15%

为什么分数每次都变？

您可能会注意到，每次运行 Lighthouse 报告时，给定网页的性能得分都不同——即使您快速连续运行多个报告也是如此。

这不是什么值得担心的事情，因为这通常是由于您无法控制的因素造成的。 例如，您的互联网连接速度可能与上次测试时不同，或者网页可能正在运行不同的广告。

表现

您可能想知道我们之前提到的这七个性能指标实际上衡量的是什么。 下面是每一个的概述。

FCP 测量网页上的第一个文本块或图像完整显示在屏幕上所需的时间。

速度指数 (SI)

SI 评估在特定时间段内平均加载网页的多少可见部分（即每秒加载多少可见部分）。

SI评分

每个网站的目标都是 SI 分数不超过 4.3 秒。 高于 4.3 秒的 SI 分数表明该网页完全加载所需的时间太长。 从用户的角度来看，这意味着他们更有可能变得不耐烦并离开您的网站去寻找更快的网站。

互动时间 (TTI)

TTI 计算从网页开始加载到网页变得交互（即能够接受用户的命令或提示）之间的时间段。

累积布局偏移 (CLS)

CLS 可以全面衡量网页布局在加载期间的变化程度。

辅助功能

Lighthouse 为您的网站评分的另一个方面是可访问性。

根据谷歌的说法，每个站点都应该尽可能地让各种用户访问，包括那些有身体障碍的用户。 这些人无法像您一样浏览或浏览您的网站。 但是，通过适当的无障碍措施，他们也可以最大程度地利用它。

“可访问”是什么意思？ 有多种方法可以将此元素应用于您的网站，但其中一些最重要的方法包括：

•您的网站可以通过键盘访问和导航，而不仅仅是鼠标。
•您的站点使用语义 HTML 编码，以便视障人士可以使用它。
•您的站点具有高对比度文本，让所有类型的读者都可以在不影响视力的情况下查看和阅读它。

搜索引擎优化

Lighthouse 在您的网站上运行的最重要的报告之一是用于 SEO 或搜索引擎优化。

为谷歌等搜索引擎优化您的网站是使您的网站在搜索引擎结果页面 (SERP) 中排名更高的方式。 排名越高，用户点击它的可能性就越大。

谷歌在评估网站的搜索引擎优化时会考虑几个因素，包括：

•关键字
•反向链接
•展示专业知识、权威性和可信度 (EAT) 的有用内容
•网站速度

最佳实践

最佳实践是技术的总称，您可以使用这些技术来提高网站运行的流畅性和直观性。 它涵盖了广泛的优化，例如：

•修复记录的浏览器错误
•以正确的宽高比显示图像
•让您的网站运行得更快
•提高网站的安全性
•向用户请求地理定位和通知权限，以创建更具吸引力和实用性的体验

渐进式网络应用程序 (PWA)

渐进式 Web 应用程序 (PWA)是一种以网页形式交付应用程序的软件。 它适用于任何符合标准的浏览器，包括 Chrome。

PWA 提供的应用程序可以由站点访问者填写，以向站点所有者提供重要数据，例如联系信息。

Lighthouse 审核网站上的 PWA，以评估它们的速度、可见性、可靠性等。

以下是构成优秀 PWA 的综合清单。

Core Web Vitals (CWV) 如何融入 Google Lighthouse 报告

核心网络生命力 (CWV)是适用于所有网站的指标，因此无论网站的设计目的或目标受众是谁，都应始终对其进行衡量。

核心 Web Vitals 由三个指标组成：大量内容绘制 (LCP)、总阻塞时间 (TBT) 和累积布局偏移 (CLS)。

我们在有关性能的部分中讨论了这些指标。 以下是每个术语的含义的简要概述。

• LCP：衡量网页上最大文本块、图像或视频对用户完全可见的点。
• TBT：衡量网页在 LCP 加载后完全可见所需的时间。
• CLS：衡量网页布局在加载元素时发生的变化。

CWV 占 Lighthouse 绩效审计分数的 65% 左右。

使用 Google Lighthouse 进行性能测试

Lighthouse 是一个非常有效的性能测试工具。 它会生成一份强大、全面的报告，可以帮助您识别导致网站速度变慢或导致其 SERP 排名较低的弱点。

如何使用 Google Lighthouse 提高网站性能

优化网站速度和加载时间

如果您需要优化网站的速度和加载时间，Lighthouse 的性能和最佳实践审核将向您展示可以改进的地方。

改善网站的可访问性和用户体验

为了改善网站上的用户可访问性和体验，性能、可访问性、最佳实践和 PWA 审核最有效。

确保网站安全和数据隐私

Lighthouse 通过运行最佳实践审核帮助您确保网站安全和用户的数据隐私。

为网站优化做出数据驱动的决策

数据是网站所有者和管理员的朋友。 它向您展示了您需要在何处进行更改以优化您的网站以接近完美。 运行 Lighthouse 是获取所有类型指标数据的一种聪明而简单的方法，尤其是性能，其中可能隐藏了弱点。

Google Lighthouse 的高级功能

自定义审计和脚本

由于 Lighthouse 是开源的，您可以选择根据您的独特需求设置自定义审计和脚本。

例如，您可以编写审计程序来衡量您网站上的某个页面是否包含在站点地图中。 这很重要，因为谷歌在 SERP 中对网页进行排名时主要读取站点地图。

将 Google Lighthouse 与其他性能工具集成

如果您有一个已用于站点的性能工具，则可以将 Google Lighthouse 与其集成以进一步增强您的审核。

使用 Google Lighthouse 进行移动优化

通过一些技巧，您甚至可以使用 Google Lighthouse 来审核您的网站以进行移动优化。

结论

如果您的网站的 SERP 排名较低，因此没有获得任何有意义的有机流量，则全方位审核可以帮助您确定是什么阻碍了您的网站取得成功。

Google Lighthouse 是终极网站审核工具。 它会准确地向您显示您的网站在几个不同指标（包括 SEO）中的问题所在，这些指标阻止了它被 Google 的算法排名更高。

一旦知道问题区域在哪里，您就可以开始进行优化，以提高您的 SERP 排名，从而增加有机流量。