什么是Google Lighthouse

什么是Google Lighthouse

什么是Google Lighthouse?

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

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

什么是Google Lighthouse

  因此,网站所有者(不仅仅是开发人员)更加关注访问者和算法如何查看他们的网站,并进行必要的审核以了解更多信息并在任何不足之处进行改进。无论以前是否使用过这个方便的工具,本文晓得博客为你介绍什么是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审计

谷歌Lighthouse审计

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

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

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

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

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

Performance表现

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最佳实践

Accessibility最佳实践

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

Best Practices可访问性

Best-Practices-可访问性

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

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

SEO搜索引擎优化

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)


晓得博客,版权所有丨如未注明,均为原创
晓得博客 » 什么是Google Lighthouse

转载请保留链接:https://www.pythonthree.com/what-is-google-lighthouse/

滚动至顶部