当前位置：首页 > wzjs >正文

国家精品课程建设工作网站模板网站建设青岛

wzjs 2025/9/3 21:27:47

国家精品课程建设工作网站,模板网站建设青岛,室内设计效果图手绘客厅,郴州网站建设维护About Automated auditing, performance metrics, and best practices for the web. Lighthouse 可以自动检查Web页面的性能。你可以以多种方式使用它。浏览器插件作为浏览器插件，访问chrome网上商店搜索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提供了许多参数使用。

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 stringconst reportHtml = runnerResult.report;fs.writeFileSync('lhreport.html', reportHtml);// `.lhr` is the Lighthouse Result as a JS objectconsole.log('Report is done for', runnerResult.lhr.finalUrl);console.log('Performance score was', runnerResult.lhr.categories.performance.score * 100);await chrome.kill();
})();

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