Integrate Google Lighthouse into our CI to evaluate frontend code performance
Once we have successfully added headless Chrome (gitlab-foss#30876 (moved)) to our build images, it will open up some new possibilities in our CI pipeline including tools like Google Chrome Lighthouse.
We can use rspec to generate a few static pages (like we do for our karma fixtures), and run lighthouse against them to generate frontend code performance and accessibility evaluations.
This will generate a report that looks like the following:
We'd get useful metrics like "time to first paint" and "time to interactive" based on a simulated 3G data connection on a smartphone. We can also write our own custom metrics to evaluate and write pass/fail rules around these.
Here's a talk at Google I/O from a few weeks ago discussing this topic: