Google PageSpeed Insights 与 Lighthouse：哪个衡量网站性能最好？
已发表: 2022-09-16页面速度是一个重要的谷歌排名因素——但它也是数字营销人员最不了解的因素之一。 在本文中，我将帮助您更好地了解页面速度并比较 Google 的官方跟踪工具：PageSpeed Insights 和 Lighthouse。
什么是页面速度？
页面速度是浏览器发送访问页面的请求和页面呈现内容之间的时间量。 页面由许多可见和不可见的组件（图像、文本、跟踪器、插件等）组成，具有不同的加载时间和用户目的。 谷歌将页面速度分解为衡量加载里程碑的特定指标，例如第一次内容绘制和交互时间。
页面速度会随着站点的增长、技术的变化和 Web 标准的发展而波动。 它会影响访问者如何使用您的网站，甚至影响他们是否转化。 因此，跟踪页面速度应该是您常规站点健康监控过程的基本部分。
但是最好的页面速度跟踪工具是什么？
Google 提供了两个官方选项：Google PageSpeed Insights 和 Lighthouse。 两者都是免费的、强大的工具，旨在帮助数字营销人员和开发人员优化他们的网站页面速度——它们之间有一些关键区别。 让我们比较 PageSpeed Insights 与 Lighthouse，并讨论您需要了解的有关跟踪和提高页面速度的知识。
什么是 Google PageSpeed Insights？
Google PageSpeed Insights (PSI) 是一款免费工具，可使用真实世界和实验室数据测量桌面和移动设备上的页面速度指标。 实际数据（也称为“现场数据”）是从 Chrome 用户体验报告中提取的 28 天汇总数据，而实验室数据是使用 Lighthouse API 计算的。
PSI 对任何人来说都很简单：只需前往 https://pagespeed.web.dev/，插入一个 URL，然后等待 API 生成报告。 您将能够看到该 URL 如何与 Google 的核心 Web Vitals 相匹配，评估详细的速度指标，并获得整体网站性能评级。
绩效评级是一个 每个速度指标得分的加权平均值。 这就像一个整体成绩，但不是一个万能的衡量标准。 下面括号中的百分比表示计算绩效评级时每个指标的权重。
- First Contentful Paint： （10%）第一个图像或文本块完全加载需要多长时间。
- 速度指数： (10%) 可见内容加载到屏幕完成所需的平均时间。
- Largest Contentful Paint： (25%) 最大的图像或文本块完全加载需要多长时间。
- 交互时间： (10%) 页面完全交互需要多长时间。
- 总阻塞时间： (30%) 首次内容绘制和交互时间之间的时间差，在此期间页面被阻止用户输入。 （换句话说，某事物首次出现在屏幕上与用户实际可以点击它之间的时间差。）
- 累积布局偏移： (15%) 对意外布局偏移的度量，即内容加载无序会重新组织页面或将其他内容向上或向下移动。
如果您的网站的性能评级不完美，或者您的某些指标看起来很低，请不要太担心。 速度指标可能会根据您无法控制的一些因素而波动。 请记住，这些指标是数据的汇总，实际体验会因用户而异。
也就是说，您可以通过关注报告底部附近的“机会和诊断”部分来最大化您的绩效评级并提高页面速度。 这些部分包含可以提高速度指标的特定操作的建议，尽管它们可能需要 SEO Web 开发人员的帮助才能实施。
什么是谷歌灯塔？
Google Lighthouse 是一个免费的开源工具，可以执行站点审核以衡量许多不同的指标。 除了评估页面速度之外，Lighthouse 还可以评估网站符合现代 Web 开发标准的程度、网站的可访问性级别、可抓取性等。
Lighthouse 专门使用实验室数据，这意味着审核在受控的预定义环境中运行，而不是从实际用户数据中收集。
有几种不同的方法可以访问 Google Lighthouse 速度测试。 非开发人员使用 Lighthouse 的最简单方法是通过 Chrome 浏览器扩展程序，尽管该扩展程序无法自行审核带有 cookie 身份验证的页面。 开发者可以使用 Chrome DevTools 进行完全访问。
您的灯塔报告将包括以下信息：
- 性能：性能审计测量所有与 PSI 相同的速度指标，并提供更详细的开发数据。
- 最佳实践：最佳实践审核着眼于与现代开发标准（包括安全标准）相比的站点整体“代码健康状况”。
- 可访问性：将 Web 可访问性提炼成一个分数是不可能的，因此可访问性审核会寻找各种改进设计、用户界面、语言、开发和其他领域的机会。
- SEO：搜索引擎优化 (SEO) 审计提供了一个基本测试，用于检查搜索引擎是否可以轻松抓取您的页面。
- Progressive Web App：如果您的网站是 Progressive Web App，则此审核会衡量其总体速度、可靠性和可安装性。
什么是灯塔堆栈包？
Stack Packs 是 Lighthouse 的最新功能之一。 使用 Stack Packs，开发人员可以根据页面使用的堆栈查看基于堆栈的建议。 这些建议比 Lighthouse 提供的标准一般建议更相关，后者并不兼容所有工具和平台。 新的 Stack Pack 经常发布，因此请访问官方 Github 存储库以了解更多信息。
Google PageSpeed Insights 与 Lighthouse
Google PageSpeed Insights结合了真实世界的用户和实验室数据，以提供全面、易于理解的页面速度概览。 Lighthouse以开发人员为中心，从审核中收集实验室数据，涵盖从页面加载速度到 Web 安全的方方面面。 两者都提供改进建议。
Google PageSpeed Insights 与 Lighthouse：概述
| 特征 | 谷歌 PageSpeed 见解 | 谷歌灯塔 |
|---|---|---|
| 如何访问 | https://pagespeed.web.dev/（浏览器访问；无需登录） | Google Chrome 浏览器扩展（推荐给非开发者） Chrome 开发者工具 节点 CLI 工具 灯塔 CI（Github 链接） |
| 数据源 | Chrome 用户体验报告（真实数据） Lighthouse API（模拟实验室数据） | 灯塔 API |
| 评估 | 一次一页 | 一次一页或一次多页 |
| 指标 | 核心 Web Vitals、页面速度性能指标（首次内容绘制、速度索引、最大内容绘制、交互时间、总阻塞时间、累积布局偏移） | 性能（包括页面速度指标）、可访问性、最佳实践、SEO、渐进式 Web 应用程序（如果适用） |
| 建议 | 标有“机会和诊断”的部分提供了提高页面速度的具体建议。 | 标有“机会和诊断”的部分提供了提高页面速度的具体建议。 堆栈包可用于定制改进建议。 |
| 最适合 | 每个人 | 开发者 |
何时使用 Google PageSpeed Insights
如果您想清楚地了解 URL 的速度和具体的改进建议以自行实施或转发给开发人员，请使用 PSI。
何时使用 Google Lighthouse
如果您是开发人员（或具有一定开发知识的非开发人员）并希望深入了解除页面速度之外的许多不同站点指标，请使用 Lighthouse。 Stack Packs 可以帮助提供比 Lighthouse 提供的标准建议更多的定制建议。
想要最好的数据？ 同时使用 PageSpeed Insights 和 Lighthouse
PSI 和 Lighthouse 各有长处和局限性——但当它们一起用于构建您的站点的完整图片时，它们是最有效的。
Lighthouse 提供了更广泛的数据视图，而 PageSpeed Insights 让您更真实地了解网页对实际用户的表现。 使用两者来获得改进您网站的前端和后端的建议。 您拥有的数据越多，您的网站调整就越有效。
通过我们的免费电子书充分利用 Google 工具
如果你从这篇文章中学到一件事，那就是页面速度很重要——而且比表面上看起来要复杂得多。 就像提高网站速度的方法不止一种一样，提高网站搜索引擎性能的方法也不止一种——甚至是跟踪数据的最佳 Google 工具。
优化您的网站涉及处理大量数据和导航复杂的工具。 为了让事情变得不那么复杂，请下载我们的免费电子书， Google Tools for SEO 。
用于 SEO 的 Google 工具指南
下载本指南，了解如何充分利用 Google 提供的免费、强大的工具来改进您的 SEO 流程和性能。