The purpose of this package is to have a quick and simple overview of your Lighthouse-Puppeteer report.
yarn add google-lighthouse-puppeteer-cli-dashboard -g
or
npm install google-lighthouse-puppeteer-cli-dashboard --global
$> lp-dashboard -h
Options
-f, --file file Path to your summary.json (default : /home/chrome/reports/summary.json)
-r, --rules json JSON of an object explaining the title of the rule and the JSONPath rule. Can
be multiple (use -r for each rule)
Example: -r "{\"Interactive value\": \"\$.audits['consistently-
interactive'].displayValue\"}"
-h, --help Print this usage guide.
╔═══════════════════════════════════════════════════════════╤═══════════════════╗
║ │ Interactive value ║
╟───────────────────────────────────────────────────────────┼───────────────────╢
║ https://myawesome.site/admin/lightpage/list?id=1 │ 6,740 ms ║
╟───────────────────────────────────────────────────────────┼───────────────────╢
║ https://myawesome.site/admin/heavypage/list?id=12 │ 8,610 ms ║
╚═══════════════════════════════════════════════════════════╧═══════════════════╝
const dashboard = require('google-lighthouse-puppeteer-cli-dashboard');
const db = new dashboard({file:'/path/to/summary.json'}); //file is optional - Default : /home/chrome/reports/summary.json
console.log(db.getTable()); // displays CLI dashboard
console.log(db.getReport()); // returns a Json with filtered results for each URL
console.log(db.reportToTable(db.getReport())); // returns an Array to be converted in CLI dashboard
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent