什么是Google Lighthouse - 晓得博客

　　运行Google Lighthouse有几个不同的选项，我们将在下面详细介绍它们。一旦您将希望审核的网页的URL提交到Lighthouse，它将开始对该页面运行一系列测试，以制定详细说明该页面性能的报告。报告完成后，网站所有者或开发人员可以使用失败的测试作为指标，以表明可以采取哪些措施来提高WordPress网页的性能。更详细的信息可访问Google Lighthouse文档参考

谷歌Lighthouse审计

　　Google Lighthouse将其审计分为五个不同类别的报告：

Performance表现
Accessibility最佳实践
Best Practices 可访问性
SEO搜索引擎优化
Progressive Web App网络应用程序审计

　　关注哪些（或所有）类别的选择权在网站所有者或开发人员手中，具体取决于他们的目标。给出的分数是从1到100的数字，并且这些网站是针对模拟3G连接进行测试的。让我们回顾一下这五个类别中的每一个都包含什么。

　　记住：一个好的分数被认为是50到89之间的任何东西。一个优秀的分数是90到100之间。目标是每个类别的得分在90到100范围内。

　　推荐：FlyingPress插件教程WordPress轻量级速度优化插件

Performance表现

　　对于性能类别，Lighthouse专门研究网站（或应用程序）的加载速度。这里的重要性在于用户访问给定网页内容的速度。为了分析这一广泛的类别，Lighthouse重点关注以下六个指标，包括Core Web Vitals：

First Contentful Paint：此指标表示在第一个文本或媒体对用户可见之前所花费的时间。
First Meaningful Paint首次有意义的绘制：该指标表示页面的主要内容对用户可见所需的时间。
Speed Index速度指数：速度指数提供了一个统一的指标来表示页面内容的加载速度。
Time to Interactive交互时间：此指标表示用户能够与页面及其内容完全交互所需的时间。
First CPU Idle第一个CPU空闲：此类别中的值衡量页面何时具有最低限度的交互性，或者窗口的主线程活动何时低到足以处理用户的输入。
Estimated Input Latency：此指标是对您的应用在最繁忙的5秒页面加载窗口期间响应用户输入所需的时间的估计。

　　Lighthouse的业绩报告将包括一个关于“Opportunities机会”的部分。这里将提供有关如何加快页面加载速度的建议。您可以期待找到一些建议，例如清理JavaScript、压缩图像、推迟未使用的CSS等等。

Accessibility最佳实践

　　Lighthouse有大约16种最佳实践来审核您的网站，主要关注网站的安全性。这里的一些示例包括分析是否使用了HTTPS或HTTP/2、资源是否来自安全来源、是否存在不可抓取的链接以及评估JavaScript库的漏洞。同样，Lighthouse也将在此类别中提供建议。

Best Practices可访问性

　　除了性能和安全性之外，Lighthouse还会查看您的网站对那些有障碍的人的可访问性因素。这里的重要元素包括按钮或链接是否被适当地标记或描述，图像是否具有alt属性（对于使用屏幕阅读器等辅助技术的视障访问者），以及是否有足够的颜色对比度来提高内容的易读性。

　　推荐：如何使用Lighthouse分析网站

SEO搜索引擎优化

　　Lighthouse在SEO中有13种不同的审核，以确定页面是否针对搜索引擎结果排名进行了优化。在此类别中考虑的一些因素包括移动友好性、标签、元描述，以及搜索引擎对网页的抓取程度、在搜索结果中的排名。

PWA应用程序审计

　　最后一个类别分析Web应用程序(PWA)，根据一组标准检查它们。此处查看和评估响应代码、通过Internet访问离线工作、在3G上快速加载等等。

Lighthouse和PageSpeed Insights之间有什么区别？

　　您可能会发现自己想知道“PageSpeed Insights怎么样？”PageSpeed Insights类似于Lighthouse，因为它也是一个评估网页性能的工具。它还包括改进建议。然而，两者之间存在显着差异。

　　一个主要区别围绕着每个工具使用的数据。Lighthouse使用实验室数据来衡量网站的性能，而PageSpeed Insights使用实验室数据和真实数据（来自Chrome用户体验报告）。另一个主要区别是，顾名思义，PageSpeed Insights以网站的性能/速度为中心。如您在上面列出的类别中所见，Lighthouse超越了性能，并结合了其他因素，例如可访问性、SEO、安全性等。

　　推荐：什么是FID（First Input Delay）