lighthouse/viewer
Connor Clark 73516027f0
core: remove util.cjs (#14703)
2023-01-24 17:24:36 -08:00
..
app core: remove util.cjs (#14703) 2023-01-24 17:24:36 -08:00
test report: fix compat for older lighthouse reports (#14617) 2023-01-23 10:49:46 -08:00
types report: convert generator to ES modules 2022-08-16 13:00:34 -07:00
.eslintrc.cjs misc: move ES modules lint rules to root (#14349) 2022-09-02 13:45:55 -07:00
README.md misc: use a unique local port for the treemap (#14308) 2022-08-24 09:57:46 -07:00
tsconfig.json deps: update to typescript 4.7 (#14058) 2022-06-08 12:36:17 -07:00

README.md

Lighthouse Viewer

Online at https://googlechrome.github.io/lighthouse/viewer/

Development

Run the following in the root folder of a Lighthouse checkout:

  • yarn
  • yarn build-viewer
  • yarn serve-gh-pages
  • open http://localhost:7333/viewer/

This compiles and minifies app/src/main.js. Results are written to dist/gh-pages/viewer/.

Deploy

Deploys should be done as part of the Lighthouse release process. To push the viewer to the gh-pages branch under viewer/, run the following in the root folder of a Lighthouse checkout:

yarn deploy-viewer

For more information on deployment, see releasing.md.

Usage

Load JSON from Gist

Pass the GitHub Gist identifier as gist query parameter.

e.g., http://localhost:7333/?gist=bd1779783a5bbcb348564a58f80f7099

Load JSON from URL

Pass the absolute URL as jsonurl query parameter.

e.g., http://localhost:7333/?jsonurl=https://gist.githubusercontent.com/Kikobeats/d570a1aa285c5d1d97bbda10b92fb97f/raw/4b0f14a5914edd25c95b4bd9d09728ab42181c3e/lighthouse.json

Run and load from PageSpeed Insights

Pass target URL psiurl query parameter.

e.g., http://localhost:7333/?psiurl=https://www.example.com&category=pwa&category=seo

The following query parameters are also supported as options:

category - Category to enable. One per category. strategy - mobile, desktop locale - locale to render report with utm_source - id that identifies the tool using the viewer