web页面性能检测工具Lighthouse

About Automated auditing, performance metrics, and best practices for the web.

Lighthouse 可以自动检查Web页面的性能。

你可以以多种方式使用它。

浏览器插件

作为浏览器插件，访问chrome网上商店 搜索Lighthouse 插件安装。以两种方式使用。

* 方式一

安装成功后，访问想要检查的页面，开发插件，点击Generate report，稍等片刻，你将会得到一份页面的检查报告。

* 方式二

访问想要检查的页面，打开开发者工具，切换到Lighthouse 标签使用。

Node CLI

以Node CLI方式使用Lighthouse可以得到最大灵活性，Lighthouse提供了许多参数使用。

• 安装
  

• 查看帮助
  

• 使用
  

√ We’re constantly trying to improve Lighthouse and its reliability.

…
–output指定报告的类型；--output-path 指定报告的路径。

以编程模式使用

创建lighthouse_demo.js文件，脚本如下：

有没有自动化脚本既视感，还可以设置 headless模式。

• 运行

Web网站

有一些Web网站基于lighthouse 提供服务，你可以登录这些网站输入URL检测网络性能。
Web Page Test

https://www.webpagetest.org/

• Calibre

https://calibreapp.com/

• Debug bear

https://www.debugbear.com/

• Lighthouse Keeper

https://lighthouse-keeper.com/

…

以 Web Page Test 为例：

下面是配套资料，对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！

最后也为大家准备了一份配套的学习资源，你可以微信扫描下方二维码，免费获取一份216页软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享！，其中资料包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。

这些资料，对于做软件测试的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！凡事要趁早，特别是技术行业，一定要提升技术功底。

关注我的微信公众号：豆子熊，自行获取~

喜欢软件测试的小伙伴们，如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！