Afin de réduire l’impact du chargement des images sur le main thread du browser, je propose les propriétés suivantes sur la balise :
loading=lazy decoding=async importance=high
Ce qui signifie : Télécharge les images avec une importance haute, mais décode-les et charge-les sur un moment creux.
–
Bonus :
La propriété CSS
image-rendering: -webkit-optimize-contrast;
permet d’avoir des images un poil plus nettes.
(rien à voir avec la vitesse)