lighthouse/viewer
Connor Clark 1b9e56cc33
clients(viewer): stop using legacy DOM api (#15964)
2024-04-19 14:35:29 -07:00
..
app clients(viewer): stop using legacy DOM api (#15964) 2024-04-19 14:35:29 -07:00
test report: fix hidden audit handling for non-perf categories (#15968) 2024-04-19 10:46:58 -07:00
types misc: adopt minimal license headers (#15456) 2023-09-15 16:49:41 -07:00
.eslintrc.cjs misc: adopt minimal license headers (#15456) 2023-09-15 16:49:41 -07:00
README.md core: remove PWA category (#15455) 2024-04-10 16:08:07 -07:00
tsconfig.json

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=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