Although this website scores a perfect 100 in PageSpeed Insights, that doesn't mean things can't be improved. First time visitors on slower connections used to see nothing for over 1.6s before finally seeing a fully rendered view. I'd like to explain how I rendered the view more progressively with inline and async CSS to improve start render time by 0.6s.
I've started using Perfume.js on this site to capture web performance metrics including Core Web Vitals. As part of this, I wanted to create a flexible logging tool that would help me send this data to my Supabase backend but also handle logging any other performance data in the future, and heck, handle anything I might want to log!
Core Web Vitals are all the rage right now because of effect they might have on search rankings. I'm passionate about website performance and thought it might be nice to make more of a feature of Core Web Vitals on my personal site.