CLI lighthouse comparison between React & Vue doc websites

react-vue-comparison.js

const lighthouse = require("lighthouse");
const chromeLauncher = require("chrome-launcher");

const runReport = async (url) => {
  const chrome = await chromeLauncher.launch({
    chromeFlags: ["--headless"],
  });
  const options = { output: "json", port: chrome.port };
  const runnerResult = await lighthouse(url, options);

  await chrome.kill();

  const { audits } = runnerResult.lhr;
  console.log(
    audits.interactive.displayValue,
    "|",
    audits["total-blocking-time"].displayValue
  );
};

const runReports = async (url, runs) => {
  const arr = [...Array(runs)];
  for (const index of arr) {
    await runReport(url);
  }
};

const start = async (urls, runs = 10) => {
  for (const url of urls) {
    console.log(url, `(${runs} runs)`);
    console.log("TTI", "|", "TBT");
    await runReports(url, runs);
  }
};

start(["https://beta.reactjs.org", "https://vuejs.org"]);