服务热线 400-660-8066

北京网站建设
首页 站内资讯

北京网站建设

站内资讯
北京网站建设 / 站内资讯 / 行业资讯 / 正文

Google Lighthouse – 审核网站得分并完善它

来源: 网络
发布时间:2022-10-11 10:28:40

  Google Lighthouse是一个开源的自动化免费网页审核工具,用于改进网络应用的质量,提供了针对移动网站和网页性能的审核,它提供了有关Google网站的完整信息,收集现代性能指标以及对开发人员最佳实践的见解,是做外贸网站建设的好帮手。

1

  Google Lighthouse工具方法:

  可以将其作为一个 Chrome 扩展程序运行,还可以在chrome DevTools中运行从命令行。从扩展程序里添加此插件,或从命令行运行。打开你要用Lighthouse审查的独立站网址,它将针对此网站运行一连串的测试,生成一个有关页面性能的网页报告。

  此报告将从性能,无障碍,最佳实践,搜索引擎优化,渐进式web应用5方面来审核网站目前各指标的得分情况,正确和需改善地方,以帮助你看看可以采取哪些措施来改进您的网站和应用。

  Google Lighthouse可访问性得分:

  Google Lighthouse的可访问性可根据首眼有意义的绘画呈现,首次互动,持续互动,速度指数指标,估计输入等待时间,PWA的服务工作者的表现来衡量分数权重的不同指标,离线,无JavaScript,https上,重定向http,pwa加载足够快,内容宽度,webapp安装横幅,启动画面,主题多功能框,视口以及许多其他因素可访问性是通过还是失败,加权审核越重,对得分的影响越大。

  Google Lighthouse报告审核指标:

  Lighthouse可以将报告生成为JSON或HTML。

  报告审核的具体指标以一个网站为例,以说明lighthouse以检测和审核的大体内容有哪些。

  首先在google chrome浏览器上安装Lighthouse插件后,打开需审核网址,点击运行。

2

  插件安装–可选审核的几方面

3

  检测和结果生成中

  生成完全报告如下:

  主体是五方面:性能,无障碍,最佳实践,SEO,渐进式web应用。

4

  1.性能

  站点性能报告,包括指标,机会和诊断。指标涵盖了加载过程的三个要点,向您显示哪些页面功能正在减慢速度。

  接下来,将为您提供加速应用程序的建议机会。这些建议包括链接和图像压缩,以及优化其他资源。最后,Google Lighthouse审核的绩效部分还提供诊断信息。

  页面的诊断包括减少页面加载所需的链的长度以及推迟不必要资源的下载。

5

6

7

  2.无障碍

  此功能可检查非传统用户的行为。可访问性是针对遭受某种残疾或残障的访客的。审核工具的这一部分分析页面上的屏幕阅读器和其他辅助技术。

8

9

10

  3.最佳实践

  此元素可确保Web开发人员在进行Web设计时遵循规则并实施最佳实践。此功能还可以帮助用户避免性能下降并使页面现代化。

11

12

  4.SEO

  此部分为您提供有关您网站的SEO得分,此外,它还可以告诉您并建议您使用哪个页面速度得分,网站分析,网站性能最佳SEO表现。

13

14

  5.渐进式web应用

  渐进式Web应用程序(PWA)的评估基于三个关键因素-速度,可靠性和参与度。Lighthouse审核通过提供功能清单来帮助开发人员将PWA从基线提高到异常。

  用户将看到PWA失败的测试列表以及解决这些问题的方法。接下来,您将看到PWA通过了测试的哪些部分。也可以进行手动检查,但不会影响您的总体得分。

15

16

17

  根据这些结果重新设计和更新您的网站,意味着可以提高速度,访问量和访问者保留率,所有这些都可以提高您从SEO实践中获得最大收益的机会。


* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr