About Automated auditing, performance metrics, and best practices for the web.
Lighthouse 可以自动检查Web页面的性能。
你可以以多种方式使用它。
浏览器插件
作为浏览器插件，访问chrome网上商店 搜索Lighthouse 插件安装。以两种方式使用。
- 方式一
安装成功后，访问想要检查的页面，开发插件，点击Generate report，稍等片刻，你将会得到一份页面的检查报告。
- 方式二
访问想要检查的页面，打开开发者工具，切换到Lighthouse 标签使用。
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
WebPageTest - Website Performance and Optimization Test -
Calibre
Page Speed Tools for Teams - Calibre -
Debug bear
Monitor Page Speed and Core Web Vitals | DebugBear -
Lighthouse Keeper
病院で必ず目にする医療機器！そんな医療機器の基礎知識を初心者にも分かりやすく解説｜医療機器の使用に備えて
...
以 web page test 为例：
总结：
感谢每一个认真阅读我文章的人！！！
作为一位过来人也是希望大家少走一些弯路，如果你不想再体验一次学习时找不到资料，没人解答问题，坚持几天便放弃的感受的话，在这里我给大家分享一些自动化测试的学习资源，希望能给你前进的路上带来帮助。
-
文档获取方式： -
加入我的软件测试交流群：680748947免费获取~（同行大佬一起学术交流，每晚都有大佬直播分享技术知识点）
这份文档，对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！
以上均可以分享，只需要你搜索vx公众号：程序员雨果，即可免费领取
