search

mikhael28 / paretOS

A high-level operating system to maximize human potential. Live at https://paret0.com
https://paret0.com
GNU General Public License v2.0
35 stars 45 forks source link

Web Vitals Performance Audit #276

Open mikhael28 opened 2 years ago

mikhael28 commented 2 years ago

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 commented 2 years ago

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