A new way of expressing website performance is being finalized, it’s called web vitals:
That page is somewhat readable, the intent behind the new metrics is a good one, in summary it is trying synthesize different performance characteristics in three numbers covering three main areas:
- page loading performance
- page interactivity
- page visual stability
Loading performance is affected by a mix of factors, including how fast your web hosting is. This metric is a continuation of the previous generation page speed indicators, where Sparkle was already doing great.
Regarding page interactivity, I’d find it really strange if a regular website would make that slow in any way, I think it’s mostly associated with webapps that have a heavy code base they need to download. Anyway Sparkle sites shine here.
Visual stability, technically called “cumulative layout shift”, is a measure of how much the page moves around while loading. It’s the annoying thing that happens when you try to click or tap on something on the page, and that something moves up or down on the page. I think it’s great that this has become a performance metric. Sparkle produces neatly and precisely laid out content, so Sparkle sites shine on this metric too.
So all in all I’m happy to report that Sparkle is already doing a great job with these new metrics, and we’re tweaking it to be even better. These new measurements will be soon available in Google’s pagespeed, for the time being you can test your own site now using this tool:
and look at the center section: