Note from 16 December 2020
Looks like I've improved a lot the Speed Index and Largest Contentful Paint (LCP) of my archives page! 💪
-
older note:
Note from 15 December 2020 -
newer note:
Note from 17 December 2020
Looks like I've improved a lot the Speed Index and Largest Contentful Paint (LCP) of my archives page! 💪
I have a client site with a header that is hidden when the user scrolls down, but shown again when the user scrolls up, which seems pretty comon nowadays.
This triggers some CLS, even if the hide/show is done in less than 500 ms, as “continuous interactions such as scrolls, drags, or pinch and zoom gestures are not considered ‘recent input’”. 😞
Why web performance still matters in 2023
Another excellent article from Sia about performance, but also equity and the environment. 😍
Priority Hints and optimizing LCP
Increasing the priority of a resource usually comes at the cost of another resource, so Priority Hints should be used sparingly. However, if the browser is queuing your LCP image, I recommend you experiment with Priority Hints to see if you can reduce this waiting time and improve your LCP.
Same page tested on PageSpeed Insights over a few hours the same day, without anything modified, and the desktop scores vary from 19 to 59… 🤷♂️
A lot of businesses rely on this crap to now if their site is "fast" enough for Google SEO! 😭
The Right Way to Use fonts.com Web Fonts
Let’s talk about web fonts. More specifically, about a mistake I have seen developers make in several projects for different agencies: Embedding a web font in the wrong way.