Today I learned

Web Vitals Element

Edit this Post Opens in new tab

As a frequent reader of Stefan Judis blog ↗ I often come across the stats in the bottom right of his website. It shows for example the amount of ms for the first and the largest contentful paint of his website.

I was curious about how he gets or calculates these values. Turns out it's an npm package you can easy implement on your own website. It's called the web vitals element ↗ .

It's super cool to see that on your website and it kind of encourages others too to improve their performance and showcase their efforts.


I hope you enjoyed this post and learned something new. If you have any questions, feel free to reach out to me on Twitter Opens in new tab or via Email Opens in new tab.

If you want to support me, you can buy me a coffee. I would be very happy about it!

☕️ Buy me a coffee ☕️

I wish you a wonderful day! Marco