Comment optimiser une vidéo pour son site web ?

Le 06/05/2024
Back office

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 t’expliquer en détail la façon d’optimiser une vidéo !

 

 

Renommer une vidéo

 

Avant d’intégrer ta vidéo sur ton site internet, n’oublie pas de la renommer correctement. Comme pour les images, une cohérence dans la nomenclature est essentielle pour chaque média hébergé sur ton 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 ! Évite d’utiliser des accents ou des caractères spéciaux dans les noms de tes vidéos, car cela pourrait altérer le bon fonctionnement de ton 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 images. Il offre une optimisation plus importante pour une qualité plus élevée.

Cependant, il est fréquent de rencontrer des problèmes de vitesse ou 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 à la suite, la façon de compresser une vidéo.

Diminuer le poids d’une vidéo

Réduire le poids de tes vidéos est l’une des étapes les plus importantes. Cela peut considérablement accélérer le chargement de tes pages.

Tu peux recourir à divers logiciels outils en ligne qui permettent de compresser tes 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 Vidéo Candy pour compresser les vidéos.

 

fluffy agency optimiser une video sur son site wordpress

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 et 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 rapide 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 Candy Vidéos, sont disponibles gratuitement en lignes et sont simples à prendre en main. Choisis l’outil qui correspond le mieux à tes besoins et compétences. Voici une sélection d’outils pour optimiser les vidéos de ton site web qui vont te simplifier la vie :

fluffy agency optimiser une video sur son site video candy

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, tu peux aller encore plus loin en supprimant les données audio des fichiers vidéo lorsque cela est approprié. Si tu as créé la vidéo toi-même, tu peux exclure l’audio lors de l’exportation. Sinon, tu peux utiliser un outil cité au-dessus pour retirer l’audio après.

 

  1. Streamer depuis YouTube ou Vimeo

Au lieu d’héberger de longues vidéos directement sur sont site web, les diffuser depuis des plateformes telles que YouTube ou Vimeo permet de réduire la charge de ton 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 tes vidéos pour garantir une expérience rapide et fluide sur ton site web. En prenant le temps de renommer, redimensionner et compresser tes vidéos, tu constateras une amélioration significative dans la performance globale de ton site.

L’inclusion de vidéos sur ton site ne devrait pas compromettre ses performances. Si tu as des questions, n’hésite pas à nous contacter pour bénéficier d’une assistance personnalisée et améliorer les performances de ton site.

Fluffy Agency est là pour t’accompagner dans la gestion optimale de ton site web.

🚀 N’hésite pas à nous contacter pour bénéficier de notre expertise et rendre la gestion de ton contenu encore plus fluide et efficace. Bonne gestion de ton site web !