Si vous intégrez vous même vos polices, pensez bien à fournir des polices compressées woff2
si possible.
Pour commencer je vous conseille d'utiliser les attributs width
et height
. Si vous ne connaissez pas la taille de l'image définitive, mettez les dimmentions exactes.
Ajouter le nouvel attribut loading="lazy"
qui permet un chargement différé pour de meilleurs performances.
En HTML:
Ensuite pour empêcher vos images d'être trop grandes selon le contexte, ajoutez
En CSS:
Pour optimiser davantage le chargement des images, considerez le code suivant :
réf :
Voir aussi :