use lighthouse ci to generate report manually

lighthouserc.js

// current timeout issue https://github.com/GoogleChrome/lighthouse-ci/issues/475
module.exports = {
  ci: {
    collect: {
      numberOfRuns: 1,
      isSinglePageApplication: true,
      settings: {
        chromeFlags:
          '--no-sandbox --disable-gpu --disable-dev-shm-usage --ignore-certificate-errors',
        disableStorageReset: true,
        formFactor: 'desktop',
        screenEmulation: {
          mobile: false,
          width: 800,
          height: 600,
          deviceScaleFactor: 1,
          disabled: false
        },
        throttlingMethod: 'simulate',
        throttling: {
          rttMs: 0,
          throughputKbps: 0,
          requestLatencyMs: 0,
          downloadThroughputKbps: 0,
          uploadThroughputKbps: 0,
          cpuSlowdownMultiplier: 1
        },
        maxWaitForLoad: 90 * 1000,
        maxWaitForFcp: 90 * 1000,
        onlyCategories: ['performance']
      }
    },
    assert: {
      preset: 'lighthouse:no-pwa'
    },
    upload: {
      target: 'filesystem',
      reportFilenamePattern: 'index.%%EXTENSION%%'
    }
  }
};

run.sh

#!/usr/bin/env bash

OUTPUT_PATH=./out/

npm i @lhci/cli --no-save
node_modules/.bin/lhci healthcheck
node_modules/.bin/lhci collect \
		--config=./lighthouserc.js \
		--staticDistDir=$(OUTPUT_PATH) \
		|| echo "LHCI failed!"
node_modules/.bin/lhci upload \
		--config=./lighthouserc.js \
		--outputDir=$(OUTPUT_PATH)/lhci