Web performance snippets: little scripts that respond with performance metrics

Posted . Visible to the public.

Use these snippets when you want to measure yourself.

Currently available:

Core Web Vitals

Largest Contentful Paint (LCP)
Largest Contentful Paint Sub-Parts (LCP)
Quick BPP (image entropy) check
Cumulative Layout Shift (CLS)

Loading

Time To First Byte
Scripts Loading
Resources hints
Find Above The Fold Lazy Loaded Images
Find non Lazy Loaded Images outside of the viewport
Find render-blocking resources
Image Info
Fonts Preloaded, Loaded, and Used Above The Fold
First And Third Party Script Info
First And Third Party Script Timings
Inline Script Info and Size
Inline Script Info and Size Including NEXT_DATA
Inline CSS Info and Size
Get your in order
Event Processing Time

Interaction

Long Task
Layout Shifts
Interactions

Dominik Schöler
Last edit
Dominik Schöler
Keywords
webperf
License
Source code in this card is licensed under the MIT License.
Posted by Dominik Schöler to makandra dev (2025-05-14 13:45)