Chargemet différé des images optimal

[Jean-Baptiste-Lasselle]

On a eut :

Aller un peu plus loin pour en savoir plus sur cette question d'optimisation:

• As-t-on des exemples implémentés, reproductibles, montrant comment on peut opérer une telle optimisation ?
• Y-a-t-il un rapport avec le fait que "L'hydratation ça coûte cher", comme l'explique le framework Qwik ?
• Le lien dans le screenshot ci-dessus : https://web.dev/articles/lcp-lazy-loading?utm_source=lighthouse&utm_medium=lr&hl=fr
• je l'ai un peu lue, et ds notre cas : on a une hydration client:only="preact", sur pas mal d'élément, notamment des élements chargeant des icônes, des SVG...

[Jean-Baptiste-Lasselle]

J'ai résolu le problème en utilisant une icône toute simple de lucide-preact, à la place du bouton complexe que l'on voit dans l'impression écran ci-dessus: il fallait faire simple et épuré, au lieu de complexe et pas si joli que ça