Optimisation vidéo : Ce qu'il faut savoir et pourquoi utiliser un CDN

Depuis 2005, date à laquelle YouTube a jeté les bases du plus grand site de partage de vidéos du web, on assiste à un glissement progressif vers le contenu vidéo.

La plupart des utilisateurs préfèrent consommer du contenu sous forme de vidéo, que ce soit en parcourant leur interminable timeline Facebook, en regardant un défilé de vidéos d'actualité sur YouTube ou en naviguant sur des blogs.

Pour que votre site soit prêt, vous avez besoin de vidéos ; si vous voulez que votre site fonctionne sans heurts tout en hébergeant ce contenu à forte consommation de bande passante, vous avez besoin d'une bonne optimisation vidéo.

Qu'est-ce que l'optimisation vidéo

En moyenne, une vidéo (d'environ 30 secondes) contient entre 1 et 30 Mo de données, selon le format et la qualité. Cela fait beaucoup de contenu (pour une vidéo aussi courte) à déverser sur votre serveur et si votre site n'est pas optimisé pour le recevoir, le stocker et l'exécuter, vos pages se chargeront avec toute la rapidité et la grâce d'un blog des années 1990.

L'optimisation vidéo est le processus de compression, de réduction et d'optimisation du contenu vidéo de sorte qu'il n'entraîne pas la saturation de votre serveur.

Une bonne optimisation vidéo pour le web réduit la mise en mémoire tampon et les temps de chargement des pages tout en limitant la consommation de la bande passante et la charge de travail de l'unité centrale.

Pourquoi l'optimisation vidéo est-elle importante ?

La vitesse est primordiale lorsqu'il s'agit des performances d'un site web. Peu importe la sophistication et la beauté de votre site web, s'il met plus de 5 secondes à se charger, vous perdrez la plupart de vos visiteurs.

Les internautes modernes sont impatients. Nous voulons tout, tout de suite. Si votre site est rempli de vidéos non optimisées, le chargement de chaque page peut prendre plusieurs secondes.

Même si vous réduisez le temps de chargement à quelques secondes, ce temps peut augmenter en période d'affluence.

Il existe des milliards de sites web et des millions dans votre catégorie. Techniquement, vous êtes en concurrence avec tous ces sites et l'espace en haut des classements de recherche de Google est très limité. Vous devez faire tout ce qui est en votre pouvoir pour garantir la meilleure expérience utilisateur, et la vitesse en est le fondement.

Optimisation des vidéos pour mobile et desktop

L'optimisation vidéo suit les mêmes principes quel que soit l'appareil :

• Utilisez des formats compatibles avec HTML5 : Assurez-vous que toutes vos vidéos utilisent des formats compatibles avec HTML5, y compris MP4. Ces vidéos peuvent être visionnées à la fois sur mobile et sur desktop et si vous les convertissez au préalable, vous n'aurez pas besoin d'un plugin.
• Utilisez la compression vidéo automatique : Un outil de compression vidéo réduira la taille de votre vidéo en quelques clics. Ils obtiennent ce résultat en réduisant la qualité de la vidéo. Gardez cela à l'esprit si vous produisez des vidéos de haute qualité qui doivent être parfaites.
• Vidéos intégrées : Si la vidéo se trouve déjà sur YouTube ou un autre site de partage de vidéos, vous pouvez l'intégrer. La vidéo pourra être lue sur votre site en laissant YouTube se charger de toutes les contraintes pendant que vous diffusez le contenu à vos visiteurs.

Cependant, l'optimisation des vidéos pour les mobiles doit répondre à des exigences spécifiques en matière de taille et de méthode de diffusion. Consultez les étapes suivantes :

• Utilisez les bons formats : De nombreux utilisateurs d'appareils mobiles préfèrent regarder les vidéos à la verticale, ce qui signifie qu'ils ne font pas pivoter l'écran pour permettre une visualisation en plein écran. Les vidéos carrées sont le format le plus populaire pour les appareils mobiles.
• Concentrez-vous sur la conception mobile : Les sites web doivent être conçus en priorité pour les mobiles, car la grande majorité des utilisateurs accèdent à votre site à l'aide d'une tablette ou d'un smartphone. Cela ne signifie pas que vous devez négliger les utilisateurs de desktop, mais que vous devez vous assurer que votre site est parfaitement optimisé pour les utilisateurs mobiles.
• Choisissez un format vidéo adapté aux mobiles : cet aspect sera abordé dans la section suivante.

Meilleurs formats vidéo pour le web

Certains formats vidéo sont plus adaptés que d'autres à une utilisation sur des sites web. Le MPEG-1, par exemple, est un format classique de la vieille école, mais il a aussi ses limites. Il ne convient pas aux écrans haute définition, la qualité n'est pas la meilleure et la compression n'est pas excellente non plus. Le format MPEG-2 a également ses limites, tandis que le format Flash est en train de disparaître, à l'instar des lecteurs de CD, des disquettes et du dodo.

Les formats vidéo suivants peuvent être plus appropriés :

• MPEG-4 (mp4) : MPEG-4 est probablement le meilleur format vidéo pour les sites web. Il est de haute qualité et peut être compressé. Il est également pris en charge par la plupart des grands navigateurs et compatible avec la plupart des ordinateurs, tablettes et appareils mobiles.
• AVI (avi) : AVI est un ancien format créé par Microsoft qui prend en charge les vidéos HD et offre une bonne compression. Bien que ce format soit adapté à la diffusion de vidéos en continu, il n'est plus l'option préférée de nos jours.
• HTML5 (webm) : HTML5 est le remplaçant de Flash. Il s'agit d'une technologie entièrement intégrée qui peut être utilisée pour le téléchargement et la diffusion de vidéos. HTML5 est utilisé sur YouTube et est pris en charge par la plupart des navigateurs et des appareils mobiles.
• ASF (wma et wmv) : ASF fonctionne avec la plupart des navigateurs et des types de sites et est le format interne de Windows Media Player. Cependant, il n'est pas aussi largement distribué et n'est donc peut-être pas la meilleure option pour votre site web.
• QuickTime (mov) : Bien que l'utilisation de QuickTime présente des avantages, ceux-ci se manifestent principalement hors ligne. Ce programme natif de Mac n'est pas adapté à l'utilisation sur un site web, mais il permet aux utilisateurs de Mac d'enregistrer et d'éditer des vidéos de haute qualité.
• Matroska (mkv) : Matroska fonctionne avec de nombreux codecs, mais sa prise en charge par le navigateur est très limitée et il n'est donc pas idéal pour une utilisation sur les sites web.

Trop de formats ? Gérez tous vos fichiers de travail, vos travaux finaux et vos variantes vidéo en un seul endroit grâce à une plateforme de Digital Asset Management.

Types de vidéos et optimisation

En plus des types de fichiers vidéo mentionnés ci-dessus, il y a quelques autres considérations à prendre en compte.

La première est de savoir si la vidéo est enregistrée ou diffusée en continu. Dans le premier cas, elle peut être facilement compressée et téléchargée. Elle n'a pas besoin d'être servie pour être mise en ligne et vous avez plus de temps pour la modifier et l'optimiser.

Dans le second cas, la demande sur vos serveurs est plus importante, le contenu doit être diffusé en direct et ne peut fonctionner qu'avec des formats spécifiques (WebM et MP4, par exemple).

Ensuite, vous devez déterminer si vous devez héberger la vidéo vous-même ou l'intégrer. Si vous hébergez la vidéo, elle sera stockée sur votre serveur (ou celui d'un CDN). Elle sera peut-être plus lente (vos serveurs ne peuvent probablement pas rivaliser avec YouTube) et occupera un espace de stockage précieux. Si la vidéo est intégrée, vous créez simplement un lien vers une vidéo hébergée ailleurs, par exemple sur YouTube, où la vidéo n'occupera pas votre espace serveur et se chargera rapidement.

CDN pour la vidéo

Outre l'optimisation vidéo pour le web, un réseau de diffusion de contenu vidéo (CDN vidéo) ou un streaming vidéo CDN est essentiel si vous avez un site web de grande taille avec beaucoup de contenu à optimiser.

Le CDN vidéo stocke des copies en cache de vos vidéos sur des serveurs rapides et diffuse ce contenu au fur et à mesure des besoins. Il s'agit d'une manière hautement optimisée d'héberger le contenu de votre site web, ce qui devrait considérablement améliorer votre vitesse.

L'hébergement vidéo CDN réduit la latence et le temps de mise en mémoire tampon, et fonctionne particulièrement bien pour les contenus diffusés en continu. Vous n'avez pas à vous soucier de surcharger vos serveurs ou d'offrir une expérience lente à certains utilisateurs et rapide à d'autres. L'hébergement CDN vidéo peut absorber les pics de trafic !

Il existe deux standards principaux de streaming vidéo : MPEG-DASH et HLS. Elles prennent toutes deux en charge le streaming adaptatif (ABR), qui ajuste la qualité vidéo en fonction des conditions actuelles de la bande passante. En d'autres termes, si la connexion internet ralentit pendant la diffusion en continu, l'ABR veille à ce que la vidéo ne soit pas décalée ou arrêtée, mais passe à une résolution inférieure.

DASH signifie Dynamic Adaptive Streaming over HTTP (diffusion en continu adaptative dynamique sur HTTP). Il est largement pris en charge par les lecteurs vidéo les plus populaires et a été développé principalement pour l'écosystème Android.

HLS signifie HTTP Live Streaming et est un protocole développé pour les appareils Apple, mais également pris en charge par les appareils Android. Alors que MPEG-DASH autorise n'importe quelle norme de codage, HLS exige des codages vidéo spécifiques.

La combinaison des deux normes de diffusion vidéo (pour couvrir tous les navigateurs, systèmes d'exploitation, codecs, etc.) et d'un CDN, qui les prend en charge tous les deux, constitue la meilleure configuration de diffusion vidéo pour un usage professionnel.

SEO et Core Web Vitals

Les vidéos peuvent être classées dans Google indépendamment du reste du contenu de votre site web, que ce soit dans la recherche universelle ou dans la recherche de vidéos. Il existe des centaines de facteurs de classement différents, connus sous le nom de Core Web Vitals, et ils sont essentiels à l'établissement d'une forte présence en matière de référencement. La vitesse et l'optimisation vidéo jouent un rôle de plus en plus important dans les algorithmes de Google ; gardez donc à l'esprit ce qui précède, ainsi que des considérations telles que :

• Backlinks pour la vidéo
• Sous-titres codés
• Persistance de la vidéo
• Courtes descriptions

Autres conseils d'optimisation

Parmi les exemples de données vidéo superflues, on peut citer les fichiers audio encodés dans des vidéos qui sont jouées en sourdine - si vos utilisateurs n'ont pas besoin d'écouter la vidéo, celle-ci n'a pas besoin de son.

Il est également inutile d'héberger une vidéo de très haute qualité qui ne sera diffusée que dans une petite fenêtre ou de placer de longues intros et outros sur un clip court.

Restez simple. Ne fournissez que ce qui est nécessaire et, si vous hébergez des streams, laissez le CDN de streaming vidéo faire le travail à votre place.

Conclusion

Nous avons connu la révolution du mobile et nous sommes maintenant en pleine révolution de la vidéo. Tous les sites web ont besoin de vidéos et comme la vitesse est essentielle, tous les sites web ont également besoin d'une optimisation vidéo !

Pour vous assurer que votre site fonctionne parfaitement pour chacun de vos utilisateurs, consultez le guide suivant sur Cloudimage : CDN d'images

Cloudimage est un service d'optimisation d'images et de vidéos à la pointe de la technologie. Il permet de réduire les téléchargements d'images de 75 %, de réduire de moitié l'utilisation des ressources et d'améliorer, d'accélérer et de rationaliser le processus dans son ensemble.

FAQs

Qu’est-ce que l’optimisation vidéo ?

L'optimisation vidéo consiste à "optimiser" une vidéo pour un site web ou une application. Elle peut faire appel à différentes techniques, notamment la compression, la diffusion en continu sur le serveur et l'utilisation d'un CDN pour la diffusion vidéo.

Qu'est-ce qu'un CDN vidéo ?

Un CDN vidéo ou "Content Delivery Network" est un réseau de serveurs conçu pour optimiser la vidéo.

Les CDN vidéo mettent en cache le contenu d'un site web sur plusieurs serveurs afin qu'il puisse être diffusé sur l'appareil d'un utilisateur dès qu'il visite un site web. Le contenu sera diffusé à partir du serveur le plus proche de l'utilisateur et, comme ces serveurs sont situés dans le monde entier, le CDN vidéo est en mesure de fournir un processus rapide et transparent aux utilisateurs du monde entier.

Ai-je besoin d'un CDN pour la diffusion en direct ?

Un CDN pour le streaming vidéo est essentiel si vous voulez éviter d'alourdir vos serveurs. Il peut également être utile en cas d'attaque par déni de service distribué (DDOS), qui consiste à inonder un site web d'attaques simultanées dans le but de violer sa sécurité et de provoquer une panne.