lighthouse|网站性能测评工具

作为一个开发者,每当需要做到网站性能评测时就会比较兴奋激动,尤其构建的网站性能的新数据,Lighthouse可以在许多不同的情况中使用。实际上,Lighthouse可以跟踪分析其他工具(例如WebPageTest或者ChromeDriver)收集来的性能数据。如果你想测试一个网站在真机上的性能表现,Lighthouse也可以设置启用远程安卓设备上的调试工具。你甚至可以使用命令行工具把Lighthouse集成到持续集成系统中。

Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。 开发者可以将其作为一个Chrome 扩展程序运行,或从命令行运行。Chrome 扩展程序提供了一个对用户更友好的界面,方便读取报告。而命令行工具则允许开发者将 Lighthouse 集成到持续集成系统。使用时,先提供一个需要审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。

插件功能

– 可以得到一份完整的性能测试报告。报告主要分为性能、辅助功能、最佳实践、SEO、渐进式WEB应用这五个方面。

– 在报告中,你可以看到它给你各个方面的建议,比如加载速度,图片、css、js这些文件的处理,还有html标签的使用,缓存处理等建议,开发人员可以根据这些来对网站进行优化。

– 对于SEO来说,这个工具也能帮助发现不少细节上的优化。lighthouse插件可以评估网站在搜索引擎中的效果,这些检查可确保网页上针对搜索引擎结果排名进行了优化。

– 你还可以看到它们最后的更新时间,如果它们有自己的主页,还可以对它们进行分类和其他更多的功能。

使用方法

1.安装完成之后在浏览器扩充工具栏会有改扩展程序,点击位于 Chrome 工具栏上的 Lighthouse 图标。如果您在工具栏上没有看到此图标,它可能隐藏在 Chrome 的主菜单中。

Lighthouse-灯塔-Chrome扩展插件图片1

2.点击此图标后,看到一个菜单,其中options选项内可以设置要审查的项目,其中包括:网站速度方面、用户体验方面(PC和移动)、SEO方面等选项。

Lighthouse-灯塔-Chrome扩展插件图片2

3.点击Generate report 可进行测试并生成测试报告,测试报告中的一些内容对于我们改进网站速度与用户体验以及SEO方面还是有很大帮助的。

赶紧来下载吧!

插件下载地址:

此处内容已经被作者无情的隐藏,请输入验证码查看内容:
验证码:
请关注本站公众号回复“验证码”,获取验证码。 【注】”在微信里搜索“不会笑青年”或者“laughyouth”或者微信扫描右侧二维码都可以关注微信公众号。
不会笑青年

小白学堂 » lighthouse|网站性能测评工具

就聊挣钱,一个带着你做副业的社群。

立即查看 了解详情