1. Optimisation d'une vidéo d'arrière-plan pour un site vitrine
Développeur Front-EndContexte
Un développeur doit intégrer une vidéo de présentation de 45 Mo en arrière-plan sur la page d'accueil d'un client. La version MP4 ralentit considérablement le score de performance mobile (LCP).
Problème
Réduire drastiquement la taille de la vidéo sans perte de qualité visible pour améliorer le temps de chargement de la page.
Utilisation
Charger le fichier MP4, sélectionner le codec vidéo VP9, choisir le codec audio Opus et régler la qualité sur 'Bon (30)'.
Fichier: hero-background.mp4, Codec vidéo: libvpx-vp9, Codec audio: libopus, Qualité: 30Résultat
La vidéo est convertie en un fichier WebM de seulement 8 Mo, fluide et parfaitement optimisée pour le web, augmentant le score de performance du site.