Les animations non composées sont des animations qui ne sont pas rendues à l'aide du moteur de composition du navigateur. Cela signifie qu'elles sont rendues image par image, l'une après l'autre, au lieu d'être rendues ensemble en une seule image. Ceci peut entraîner plusieurs problèmes, notamment des animations saccadées, des pertes d'images et des fichiers volumineux.
Pourquoi ne pas utiliser des animations non composées ?
Il existe plusieurs raisons d'éviter d'utiliser des animations non composées :
- Elles peuvent consommer une quantité importante de ressources système, ce qui peut ralentir ou bloquer votre ordinateur.
- Ils peuvent provoquer des artefacts et des bugs visuels, ce qui peut être distrayant et agaçant.
- Ils peuvent provoquer le plantage ou le blocage de votre navigateur.
- Les animations non composées peuvent constituer un risque pour la sécurité, car elles peuvent permettre l'exécution de code malveillant sur votre ordinateur.
Comment éviter les animations non composées ?
Pour éviter les animations non composées, vous pouvez utiliser l'accélération matérielle graphique. Vos animations seront ainsi rendues par le GPU, ce qui améliore les performances. Vous pouvez également utiliser une JavaScript qui exploite les transitions CSS3 ou WebGL. Ces bibliothèques optimisent les performances grâce à l'accélération matérielle.
Conclusion
Il est essentiel d'éviter les animations non composées pour plusieurs raisons. Elles peuvent nuire aux performances et provoquer des saccades ou d'autres artefacts visuels. De plus, les animations non composées peuvent être difficiles à déboguer et à corriger. En suivant les conseils de cet article, vous contribuerez à créer des animations fluides et exemptes d'artefacts indésirables.
