Comment optimiser une vidéo pour son site web ?

Sommaire
Présentation d'une image de vidéo superposée à une page de site web

Les vidéos sont l’outil idéal pour animer un site web. Rendant un site plus dynamique, elles offrent de nombreux avantages, mais il est essentiel de les gérer avec soin. Bien optimiser ses vidéos permet d’éviter de compromettre les performances du site.

Réduire la taille des médias est essentiel pour garantir la légèreté du site web et des temps de chargement rapides, ce qui constitue un élément fondamental de l’éco-conception web.

Dans un tutoriel précédent, nous avons exploré la façon d’optimiser les images de son site web (à relire ici). Dans cet article, nous allons vous expliquer en détail la façon d’optimiser une vidéo.

Renommer une vidéo

Avant d’intégrer votre vidéo sur votre site internet, n’oubliez pas de la renommer correctement. Comme pour les images, une cohérence dans la nomenclature est essentielle pour chaque média hébergé sur votre site. Nous recommandons d’inclure le nom du site suivi de deux tirets pour séparer les éléments.

Exemple : nom-du-site–nom-de-la-video.mp4 ou nomdelentreprise–description-video.mp4

Attention : Évitez d’utiliser des accents ou des caractères spéciaux dans les noms de vos vidéos, car cela pourrait altérer le bon fonctionnement de votre site web.

Choisir le bon format d’une vidéo

Bien que chaque vidéo soit fournie dans un format spécifique, le MP4 reste le choix le plus répandu. Depuis quelques années, le WebM tend à remplacer le MP4, comme le WebP pour les images. Il offre une optimisation plus importante pour une qualité équivalente, voire supérieure.

Cependant, il est fréquent de rencontrer des problèmes de taille avec les fichiers MP4, car ils peuvent être assez volumineux. Dans de tels cas, il est important d’utiliser un compresseur vidéo pour réduire la taille du fichier.

Voici donc, ci-dessous, la façon de compresser une vidéo.

Diminuer le poids d’une vidéo

Réduire le poids de vos vidéos est l’une des étapes les plus importantes. Cela peut considérablement accélérer le chargement de vos pages. Vous pouvez recourir à divers outils en ligne qui permettent de compresser vos vidéos sans altérer leur qualité. Il existe une multitude d’options, gratuites ou payantes. Dans notre agence web, nous utilisons Free Convert et Video Candy pour compresser les vidéos.

 

Quel est le poids idéal d’une vidéo sur un site web selon la durée ?

La détermination du poids idéal d’une vidéo pour un site web dépend principalement de sa durée. Voici quelques conseils pour maintenir un bon équilibre entre qualité et poids :

  • – de 1 min : 2 à 5 Mo : Pour les vidéos de moins d’une minute, un poids compris entre 2 et 5 Mo est généralement recommandé pour assurer un chargement rapide sans compromettre la qualité.
  • 3 min : 10 à 20 Mo : Pour les vidéos de 3 minutes, viser un poids entre 10 et 20 Mo est idéal pour maintenir un bon équilibre entre qualité et temps de chargement.
  • 5 min : 20 à 50 Mo : Pour les vidéos de 5 minutes, un poids de 20 à 50 Mo est souvent considéré comme optimal, permettant une diffusion fluide sans imposer une charge trop lourde aux visiteurs du site.
  • + de 10 min : 40 à 100 Mo : Enfin, pour les vidéos de 10 minutes, un poids compris entre 40 et 100 Mo est conseillé, car elles nécessitent une taille plus importante pour conserver une qualité visuelle satisfaisante tout en garantissant des performances de chargement acceptables.

Cependant, nous recommandons de veiller à ce que le poids de chaque vidéo reste inférieur à 20 Mo pour maintenir des temps de chargement rapides et assurer une expérience fluide.

Il est important de vérifier le rapport qualité/poids, car une compression excessive peut entraîner une dégradation de la qualité visuelle. Il est donc déconseillé d’intégrer des vidéos trop longues sur un site, car il peut être difficile de maintenir une qualité optimale avec un faible poids. Dans de tels cas, il est préférable d’héberger la vidéo sur YouTube ou Vimeo.

Quelques outils pour éditer et optimiser les vidéos

Il existe plusieurs outils qui simplifient l’édition des vidéos et permettent de les compresser rapidement.

Certains, comme Free Convert et Video Candy, sont disponibles gratuitement en ligne et sont simples à prendre en main. Choisissez l’outil qui correspond le mieux à vos besoins et compétences. Voici une sélection d’outils pour optimiser les vidéos de votre site web qui vont vous simplifier la vie :

Capture d'écran de la page d'accueil du site de Vidéo Candy, présentation des outils d'édition de vidéos

Quelques astuces supplémentaires pour optimiser une vidéo

  1. Supprimer l’audio des vidéos qui n’en ont pas besoin : Bien que la compression des vidéos soit utile, vous pouvez aller encore plus loin en supprimant les données audio des fichiers vidéo lorsque cela est approprié. Si vous avez créé la vidéo vous-même, vous pouvez exclure l’audio lors de l’exportation. Sinon, vous pouvez utiliser un outil cité au-dessus pour retirer l’audio après.
  2. Streamer depuis YouTube ou Vimeo : Au lieu d’héberger de longues vidéos directement sur votre site web, les diffuser depuis des plateformes telles que YouTube ou Vimeo permet de réduire la charge de votre serveur et d’améliorer les temps de chargement. Cela offre également une bonne expérience grâce aux fonctionnalités de lecture en streaming de ces plateformes.

En conclusion

Il est crucial d’optimiser vos vidéos pour garantir une expérience rapide et fluide sur votre site web. En prenant le temps de renommer, redimensionner et compresser vos vidéos, vous constaterez une amélioration significative des performances globales de votre site. L’inclusion de vidéos sur votre site ne devrait pas compromettre ses performances. Si vous avez des questions, n’hésitez pas à nous contacter pour bénéficier d’une assistance personnalisée et améliorer les performances de votre site.

Fluffy Agency est là pour vous accompagner dans la gestion optimale de votre site web. N’hésitez pas à nous contacter pour bénéficier de notre expertise et rendre la gestion de votre contenu encore plus fluide et efficace. Bonne gestion de votre site web !

Cet article vous a plu ?

Paramètres d’accessibilité
Typographie
Taille de police
Contraste
Animations