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 sous forme d'images individuelles, l'une après l'autre, au lieu d'être rendues ensemble dans une seule image. Cela peut entraîner plusieurs problèmes, notamment des animations saccadées, des images perdues et des fichiers volumineux.
Contenu
Pourquoi ne pas utiliser des animations non composées ?
Il y a plusieurs raisons d'éviter d'utiliser des animations non composées :
- Ils peuvent épuiser les ressources du système de manière significative, entraînant un ralentissement ou un blocage de votre ordinateur.
- Ils peuvent provoquer des artefacts visuels et des problèmes de fonctionnement, qui peuvent être gênants et distrayants.
- Ils peuvent provoquer le blocage de votre navigateur.
- Les animations non composées peuvent constituer un risque pour la sécurité, car elles peuvent permettre à un code malveillant de s'exécuter sur votre ordinateur.
Comment éviter les animations non composées ?
Une façon d'éviter les animations non composées est d'utiliser des graphiques accélérés par le matériel. Ainsi, vos animations seront rendues à l'aide du GPU, ce qui peut contribuer à améliorer les performances. Une autre façon d'éviter les animations non composées est d'utiliser une bibliothèque d'animation JavaScript qui utilise les transitions CSS3 ou WebGL. Ces bibliothèques peuvent contribuer à améliorer les performances en tirant parti de l'accélération matérielle.
Conclusion
Il est essentiel d'éviter les animations non composées pour plusieurs raisons. Elles peuvent avoir un impact négatif sur les performances et provoquer un janking ou d'autres artefacts visuels. En outre, les animations non composées peuvent être difficiles à déboguer et à réparer. En suivant les conseils de cet article, vous pouvez faire en sorte que vos animations soient fluides et exemptes de tout artefact indésirable.
