检查您的网站是否： 在手机上快速可靠，并提供离线功能。 它可以安装在各种类型的设备上，并具有离线功能和推送通知等功能。 它通过将 HTTP 流量重定向到 HTTPS、设置自定义主屏幕、调整 Web 内容大小以适 Paytm 数据 10,000 套餐 合移动屏幕以及实施Lighthouse 列出的所有其他最佳实践，针对 PWA 进行了优化。 审核会将您的网站与这些因素进行比较，并为其分配 PWA 徽章之一。 PWA 徽章 （图片来源：Github） 与前四个报告不同，当您在 Lighthouse 中运行 PWA 审核时，您会被分配一个徽章（不是从 0 到 100 的分数）。 这边走： Lighthouse 中的 PWA 审计 该报告还将提供提高 PWA 整体性能的建议，包括您应该解决的具体问题。 提高 PWA 整体性能的技巧 如何使用谷歌灯塔 现在您已经了解了 Google Lighthouse 是什么以及它是如何工作的，让我们看看如何使用此工具来审核您网站的页面。 将 Lighthouse 与 Chrome DevTools 结合使用 在 Chrome 浏览器中，您可以使用 Chrome DevTools 运行 Google Lighthouse 审核。 打开您要审核的网页。 接下来，右键单击页面上的任意位置并选择“检查”。
检查页面 Inspect 功能将在网页右侧打开 DevTools 面板。 开发工具面板 在面板工具栏中选择“灯塔”。 （如果找不到“灯塔”选项，请单击工具栏底部的两个箭头。您会在那里看到它。） 在 DevTools 面板中选择 Lighthouse 从这里，您可以选择一个、多个或所有类别，具体取决于您想要分析的网站的各个方面。然后单击“分析页面负载”。 突出显示的分析页面加载按钮 然后该工具将生成一份报告。您会在顶部找到每个类别的审核分数。 带有审核分数的报告 您可以单击特定类别来获取更多信息。在此示例中，我们单击了“性能”审核。 Lighthouse 绩效审计 注意：您可能已经注意到，当您使用 DevTools 运行性能审核时，Lighthouse 通过六个速度指标（而不是五个）来衡量您的性能。 该附加指标是交互时间 (TTI)。计算页面与用户完全交互所需的时间。 这是已停用的指标之一，因此尚不清楚为什么它仍用于从 DevTools 运行的 Lighthouse 审核中。 将 Lighthouse 与 Chrome 扩展程序结合使用 Lighthouse 有一个 Chrome 扩展程序，您可以使用它执行审核。