什么是Google Lighthouse

什么是Google Lighthouse？

　　无论您网站的内容多么出色，或者您在您的网站上销售的产品多么独特和令人惊叹，如果您的网站的性能不符合Google的标准，这并没有多大意义。

　　要了解WordPress建站网站性能的重要性，只需考虑Google继续引入指标来确定您的网站状态的事实，例如更新的Core Web Vitals。当谈到网站性能时，谷歌并没有弄虚作假！

　　因此，网站所有者（不仅仅是开发人员）更加关注访问者和算法如何查看他们的网站，并进行必要的审核以了解更多信息并在任何不足之处进行改进。无论以前是否使用过这个方便的工具，本文晓得博客为你介绍什么是Google Lighthouse的所有内容，以及一些有用的提示和技巧。

　　推荐：Perfmatters插件教程轻量WordPress性能优化插件

什么是谷歌Lighthouse？

　　什么是Lighthouse？Lighthouse是一个开源的自动化工具，用于提高Web应用程序的性能、质量和正确性。任何网页（公共网页或需要身份验证的网页）都可以在Google Lighthouse上运行和审核。审核将包括性能、可访问性、搜索引擎优化(SEO)以及更多给定网页。

　　Lighthouse正式开始提供有关如何优化Core Web Vitals指标的见解，这些指标反映了加载、布局稳定性和交互准备情况。

　　推荐：200个可能影响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种不同的审核，以确定页面是否针对搜索引擎结果排名进行了优化。在此类别中考虑的一些因素包括移动友好性、标签、元描述，以及搜索引擎对网页的抓取程度、在搜索结果中的排名。

　　推荐：81个SEO技巧

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）