Pourquoi la taille de la vidéo compte pour les sites web
La vidéo est l'un des plus gros éléments sur la plupart des pages web. Une vidéo d'en-tête ou un clip d'arrière-plan mal optimisé peut ajouter des mégaoctets au poids de la page, impactant directement :
- LCP (Largest Contentful Paint) : si la vidéo est le plus grand élément, son temps de chargement détermine cette métrique Core Web Vital
- Coûts de bande passante : servir des MP4 de 10 Mo à des millions de visiteurs s'additionne rapidement
- Expérience mobile : les utilisateurs sur connexion cellulaire souffrent le plus des fichiers vidéo volumineux
- Classement SEO : Google utilise les Core Web Vitals comme signal de classement
WebM + VP9 vs MP4 + H.264 pour le web
À qualité visuelle identique (SSIM/VMAF équivalents), WebM avec encodage VP9 produit des fichiers 30–50% plus petits que MP4 avec H.264. Pour un site diffusant 100 Go de vidéo MP4 par mois, passer à WebM pourrait économiser 30–50 Go de bande passante.
Comparaison réelle sur le même clip 1080p de 30 secondes :
| Format | Codec | Taille du fichier | Qualité (VMAF) |
|---|---|---|---|
| MP4 | H.264, CRF 23 | 10 Mo | 94.2 |
| WebM | VP9, CRF 30 | 6 Mo | 94.1 |
Prise en charge des navigateurs en 2026
WebM VP9 est pris en charge par 97%+ des navigateurs mondiaux en 2026 :
- Chrome : depuis la version 29 (2013)
- Firefox : depuis la version 28 (2014)
- Edge : depuis la version 14 (basé sur Chromium depuis 79)
- Safari : depuis la version 16.6 (2023) — le dernier grand retardataire
Seuls IE11 et de très anciennes versions de Safari n'offrent pas de prise en charge, représentant une part de marché négligeable en 2026.
Le schéma de repli HTML5 Video
L'approche recommandée consiste à servir WebM en premier avec MP4 comme solution de repli en utilisant l'élément HTML5 <source> :
<video autoplay loop muted playsinline>
<source src="video.webm" type="video/webm">
<source src="video.mp4" type="video/mp4">
</video>
Le navigateur télécharge et lit la première source qu'il prend en charge. Puisque 97%+ des navigateurs prennent en charge WebM, la grande majorité des visiteurs reçoit le fichier plus petit. Le repli MP4 garantit que les ~3% restants voient toujours la vidéo.
Les attributs autoplay loop muted playsinline font en sorte que la vidéo se comporte comme un GIF — lecture automatique, boucle, silencieuse et en ligne sur Safari mobile.
Impact sur les Core Web Vitals
Passer de MP4 à WebM améliore directement les métriques de performance web :
- Amélioration du LCP : les fichiers plus petits se téléchargent plus vite, améliorant le Largest Contentful Paint
- Bande passante réduite : meilleure expérience mobile, en particulier sur les connexions lentes
- Recommandation Google : Lighthouse et web.dev recommandent explicitement des formats vidéo optimisés
Nos paramètres d'encodage VP9
Notre convertisseur utilise ces paramètres VP9, optimisés pour la diffusion web :
- CRF 30 : équivalent à H.264 CRF 23 en qualité visuelle
- cpu-used 3 : vitesse d'encodage équilibrée pour un service en ligne
- row-mt 1 : multithreading par lignes pour un encodage plus rapide
- Opus 128k audio : qualité audio transparente, supérieure à AAC à ce bitrate
- -b:v 0 : encodage purement basé sur la qualité (sans plafond de bitrate)
Pour une configuration VP9 plus approfondie, consultez notre guide des paramètres d'encodage VP9.
Canal alpha WebM (transparence)
VP9 en WebM prend en charge la transparence via canal alpha — un avantage unique par rapport à H.264/MP4. Cela permet des superpositions vidéo transparentes sur les sites web : logos animés, personnages, effets qui se fondent parfaitement avec n'importe quel arrière-plan. Utilisez -pix_fmt yuva420p dans FFmpeg pour encoder avec le canal alpha.
AV1 : l'étape suivante
AV1 est le codec ouvert de nouvelle génération de l'Alliance for Open Media. Il offre une amélioration de compression supplémentaire de 30% par rapport à VP9 mais s'encode 5–10x plus lentement. La prise en charge par les navigateurs s'étend (Chrome 70+, Firefox 67+, Safari 17+). Pour les sites avec un usage vidéo important, AV1 est l'avenir — mais VP9 reste le choix pratique en 2026 pour la plupart des cas d'usage.