How we passed Core Web Vitals — our favourite resources

Resources that helped a lot

web.dev/vitals is the bible for Core Web Vitals (CWV). There’s a ton of links and a lot of words but it is worth going through them all as best you can.

Addy Osmani is excellent and this video is probably the most useful thing you can watch around CWV.

Smashing Magazine’s An In-Depth Guide To Measuring Core Web Vitals by Barry Pollard is the most comprehensive view on CWV data and specifically the section on CRUX p75 helped me so much in understanding why the data moved liked it does.

This guide by Adam Ribaudo was so useful in setting up our CWV dashboard (although I never got the R analytics library working).

Resources we didn’t get a lot out of

Anything written by a lab data site speed performance provider, or someone trying to sell you things.

This udemy course https://www.udacity.com/course/website-performance-optimization--ud884 . A lot of it was based in Chrome DevTools which have changed a ton since it launched. Also the intricacies of the Critical Rendering Path may be good fundamentals but we found that as they were so oversimplified it was very frustrating to see the browser behave differently to how we expected.