Lighthouse Monitoring

Monitoring tool for Google Lighthouse.

Requirements

• Docker

Usage

Build docker image

sh docker/build.sh

Edit target config

cp configs/targets.example.json configs/targets.json
vi configs/targets.json

Run Lighthouse

on Docker

sh run.sh

-> reports/index.html

on Local (not use Docker)

Headless mode (default)

sh runLocal.sh

Visible mode

export SHOW_CHROME=yes
sh runLocal.sh

Run with PagespeedInsights (Optional)

export PSI_API_KEY=${Your_PageSpeedInsights_ApiKey}
sh run.sh

Post to Slack (Optional)

export SLACK_INCOMING_WEBHOOK_URL=${Your_Slack_Incoming_Webhook_URL}
export SLACK_CHANNEL_NAME='#debug'
sh runPostSlack.sh

Post to ElasticSearch (Optional)

cp configs/esEnv.example.json configs/esEnv.json
vi configs/esEnv.json
sh runPostEs.sh

Post to MySQL (Optional)

cp configs/mysqlEnv.example.json configs/mysqlEnv.json
vi configs/mysqlEnv.json
sh runPostMySQL.sh

References

• Metrics

  • First Contentful Paint marks the time at which the first text or image is painted.

  • First Meaningful Paint measures when the primary content of a page is visible.

  • Speed Index shows how quickly the contents of a page are visibly populated.

  • First CPU Idle marks the first time at which the page's main thread is quiet enough to handle input.

  • Time to Interactive marks the time at which the page is fully interactive.

  • Estimated Input Latency is an estimate of how long your app takes to respond to user input, in milliseconds, during the busiest 5s window of page load. If your latency is higher than 50 ms, users may perceive your app as laggy.

  • Time To First Byte identifies the time at which your server sends a response.

• Fundamentals
  • Performance
  • RAIL Model
    • Critical Rendering Path
• PageSpeedInsights
  • APIs Explorer