OperationCode / OperationCode/front-end

Use Google's Lighthouse via a CI check

Open
#1,230 9 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Hacktoberfest Type: Developer Experience / Refactoring
Dominant language
TypeScript
Stars
375
Forks
267
PR merge metrics
No merged PRs in 30d

Description

Feature request

Google's Lighthouse is a tool used by developers to get a simple measurement on a page's performance, accessibility score, and SEO rating. We should use it via some CI step (CircleCI, GitHub Actions, something else).

Proposed solution

Leverage Lighthouse in this repository's continuous integration against the landing page in a way that lets me confirm that we haven't strayed to far from the scores that https://www.operationcode.org/ is receiving. Also, remember to add the check to the .mergify.yml file so that automated dependency update PRs continue to operate.

Additional context

A quick search yields me many potential tools:

I think I'd prefer GitHub action so that we're parallelizing CI tasks; however, I'm open to using Orbs or even some other solution. I'll leave the evaluation of the best tool up to you.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the repository's existing CI configuration and the landing page targeted by the request. Compare Lighthouse CI options, decide how scores should be checked, and update .mergify.yml so dependency update PRs retain the check. Done means CI measures the landing page and flags unacceptable drift from the specified scores.

Written by the indexing model from the issue text.

Assessment

Tech stack
github-actions
Domain
ci-cd, performance, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.