[Résolu] Éviter les animations non composées

Bonjour
Sur PageSpeedInsights, j’ai les remarques suivantes, 22 éléments animés trouvés
Propriétés CSS incompatible ???
Ma feuille de style est validée sans erreur, je ne comprends pas ces remarques ou erreurs ?
Merci de votre aide
Bonne journée

En pièce jointes 2 captures écrans

Modifié par africa (22 Apr 2021 - 10:43)

Bonjour,

il s'agit de performance et de "ça bouge lors du chargement de la page, les visiteurs n'aiment pas ça"
Le message "Propriété CSS incompatible : color" est un peu pété , je ne vois pas ce que ça vient faire là...
Incompatible... avec une animation non composée, pas avec le navigateur mais alors color ?

Tu peux regarder du côté des animations CSS, des transitions (évite "all", cible plus précisément color/border-color/background-color ? et évite aussi le sélecteur *), ajoute des dimensions à tes images si c'est pas déjà/encore le cas (les bons vieux attributs width et height, le 2e retour en 10 ans...) et d'éviter les transitions bien coûteuses en CPU sur left ou margin-left pour préférer transform: translateX(blah) par exemple (ou transform3D).

Bonjour
J’ai retiré a {transition: all 1s ease-out;} et transition:color .3s; sur mes liens.
Nikel
Merci Felipe
Bonne journée
Modifié par africa (23 Apr 2021 - 06:20)