web性能检测工具lighthouse

  • 专注于分享软件测试干货内容,欢迎点赞 收藏 ⭐留言 如有错误敬请指正!
  • 交流讨论:欢迎加入我们一起学习!
  • 资源分享:耗时200+小时精选的「软件测试」资料包
  • 最困难的时候,也就是我们离成功不远的时候!

目录

    • 浏览器插件
    • Node CLI
    • 以编程模式使用
    • Web网站
    • 最后

About Automated auditing, performance metrics, and best practices forthe web.

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

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

浏览器插件

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

  • 方式一
    web性能检测工具lighthouse_第1张图片
    安装成功后,访问想要检查的页面,开发插件,点击Generate report,稍等片刻,你将会得到一份页面的检查报告。

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

web性能检测工具lighthouse_第2张图片

Node CLI

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

Linghthouse 需要Node 14 LTS(14.x) 或更高版本。

安装

npm install -g lighthouse

查看帮助

lighthouse --help

使用

lighthouse https://www.baidu.com --output html --output-path ./report.html
√ We’re constantly trying to improve Lighthouse and its reliability.

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

以编程模式使用

创建lighthouse_demo.js 文件,脚本如下:

const fs = require('fs');
const lighthouse = require('lighthouse');
const chromeLauncher = require('chrome-launcher');

(async () => {
  const chrome = await chromeLauncher.launch({chromeFlags: ['--headless']});
  const options = {logLevel: 'info', output: 'html', onlyCategories: ['performance'], port: chrome.port};
  const runnerResult = await lighthouse('https://www.baidu.com/', options);

  // `.report` is the HTML report as a string
  const reportHtml = runnerResult.report;
  fs.writeFileSync('lhreport.html', reportHtml);

  // `.lhr` is the Lighthouse Result as a JS object
  console.log('Report is done for', runnerResult.lhr.finalUrl);
  console.log('Performance score was', runnerResult.lhr.categories.performance.score * 100);

  await chrome.kill();
})();

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

  • 运行
> node lighthouse_demo.js

最终,会在当前目录下生成 lhreport.html 结果文件。

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 为例:

web性能检测工具lighthouse_第3张图片


最后

如果你想学习自动化测试,那么下面这套视频应该会帮到你很多

如何逼自己1个月学完自动化测试,学完即就业,小白也能信手拈来,拿走不谢,允许白嫖....

最后我这里给你们分享一下我所积累和整理的一些文档和学习资料,有需要直接领取就可以了!


以上内容,对于软件测试的朋友来说应该是最全面最完整的备战仓库了,为了更好地整理每个模块,我也参考了很多网上的优质博文和项目,力求不漏掉每一个知识点,很多朋友靠着这些内容进行复习,拿到了BATJ等大厂的offer,这个仓库也已经帮助了很多的软件测试的学习者,希望也能帮助到你。

​​

​​​​

你可能感兴趣的:(前端,软件测试,python,selenium,docker,jmeter)