115 Pratiques d'écoconception d'applications à architecture web, et plus...
Source CNUMR [BP_4002_fr]

Lighthouse: [efficient-animated-content]

Limiter l’utilisation des GIFs animés

Identifiants

GreenITV2V3V4

Catégories

Cycle de vieTiersResponsable
5. UtilisationUtilisateur/TerminalUtilisateur

Indications

Degré de prioritéMise en oeuvreImpact écologique
333
Ressources Economisées
Processeur / Mémoire vive / Stockage / Réseau

Description

Le gif animé, format image animée datant de 1995, est plus lourd et plus lent que d’autres formats tels que les formats vidéo webm ou le mp4. Le webp animé est moindre dans son gain de poids et est actuellement peu supporté par les navigateurs.

Exemple

.gif (animé).webp (animé).webm.mp4
Animation 190 Ko74 Ko36 Ko38 Ko
Animation 25,45 Mo2,2 Mo274 Ko266 Ko
<!--  Autoplay, loop and muted video  -->
<video autoplay loop muted playsinline>
  <source src="my-animation.webm" type="video/webm">
  <source src="my-animation.mp4" type="video/mp4">
</video>

En savoir plus :

Principe de validation

Le nombre …est inférieur ou égal à
de fichier gif animé0