Web Vitals Performance Audit

[mikhael28]

Let's see where we are in terms of our Core Web Vitals - let's take a review of our LCP (Largest Contentful Paint), FID (First Input Delay) and CLS (Cumulative Layout Shift).

There are a couple of different reporting tools we can use - the simplest is to run console.log inside the reportWebVitals function, and manually check the console for performance. The other is to run an audit using the PageSpeedInsights resource https://pagespeed.web.dev/ and the CoreWebVitals report https://support.google.com/webmasters/answer/9205520 and the Chrome User Experience Report https://developers.google.com/web/tools/chrome-user-experience-report and of course, running a Lighthouse test.

When running these tests, we should theoretically be logged in so that test can account for initialFetch load times, etc.

If you are interested in this ticket, then work through the resources mentioned in the ticket and upload screenshots/text showing the results of the various audits and we can then discuss next steps.

[mikhael28]

This blog has a few interesting things to say: https://betterprogramming.pub/2-awesome-tools-to-automate-client-side-performance-testing-a77756bba16f

And this could be useful https://www.npmjs.com/package/lighthouse