Lighthouse automation

README.md

This is all of the code snippets from https://twitter.com/stevenpetryk/status/1141178107040112640

circleci.yaml

workflows:
  version: 2

  lighthouse-hourly:
    jobs:
      - lighthouse

    triggers:
      - schedule:
          cron: '0 * * * *'
          filters:
            branches:
              only:
                - master

lighthouse.js

const pagePaths = [/* ... */]

const browser = await puppeteer.launch({ headless: true })
const page = await browser.newPage()

for (const pagePath of pagePaths) {
  await page.goto(`https://intercom.com${pagePath}`)

  const { lhr, report } = await lighthouse(url, {
    port: new URL(browser.wsEndpoint()).port,
    output: 'html',
  })

  const accessibilityScore = lhr.categories.accessibility.score * 100
  const bestPracticesScore = lhr.categories['best-practices'].score * 100
  const performanceScore = lhr.categories.performance.score * 100
  const seoScore = lhr.categories.seo.score * 100

  metrics.gauge('accessibility', accessibilityScore, [`path:${pagePath}`], sharedTimestamp)
  metrics.gauge('best_practices', bestPracticesScore, [`path:${pagePath}`], sharedTimestamp)
  metrics.gauge('performance', performanceScore, [`path:${pagePath}`], sharedTimestamp)
  metrics.gauge('seo', seoScore, [`path:${pagePath}`], sharedTimestamp)

  // and `report` will contain your full HTML report!
}