lighthouse

I have read Lighthouse and understand how Lighthouse could help a web project.

There are a few interesting projects listed in the lighthouse repo.

https://github.com/GoogleChrome/lighthouse#related-projects

Lighthouse-Batch

• Allow batch generation, helpful to work with cronjob tasks.
• Provide a summary report in JSON format, which we can use as API.
  • Summary/API
• Generate individual reports with different formats. (JSON, HTML)
  • Report
  • JSON
• Setup and Run the demo

  npm install
  sh run.sh
  

Lighthouse-CI

• A dashboard of historical report scores
• Generate lighthouse report via CI.
• We don't use CI, but we can probably use a script to trigger manually.
• Demo:
  1. setup and run:

  docker-compose up --build
  git commit --allow-empty -m "Lighthouse run" && npx lhci autorun
  

  2. visit http://localhost:9001/app/projects/demo/dashboard
  3. demo token

   Created project demo (06cb83bd-c8ef-45cd-abb6-6cc3934d140c)!
   Use build token d85f06b9-3f79-4a1a-ae55-8430a615e6ad to add data.
   Use admin token RlrL4vUqF2XqPnuSysab5lK4yiZXbJloVdsbixYL to manage data. KEEP THIS SECRET!
  

Auto-lighthouse

• a crawling version of the Lighthouse

An additional helpful feature of headless chromium

• Generate PDF, screenshot, etc. Ref: https://developer.chrome.com/blog/headless-chrome/#puppeteer
• Automated frontend test. Ref: https://developer.chrome.com/blog/headless-chrome/#using-selenium-webdriver-and-chromedriver