web性能检测工具lighthouse

最新推荐文章于 2026-03-04 15:43:57 发布

原创最新推荐文章于 2026-03-04 15:43:57 发布 · 1k 阅读

本内容遵循CC 4.0 BY-SA版权协议

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

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

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

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

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

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

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

Linghthouse 需要Node 14 LTS（14.x）或更高版本。

> npm install -g lighthouse

AI生成项目

> lighthouse --help

AI生成项目

--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();
})();