Faut-il un CDN d'images ou optimiser ?

Un réseau de diffusion de contenu (CDN) d'images vaut son abonnement mensuel lorsque votre catalogue change constamment, que vous diffusez de nombreuses variantes de chaque image ou que vous ne pouvez pas contrôler ce qui est téléversé. Si vos images changent rarement et que vous connaissez leurs dimensions d'affichage, vous payez chaque mois pour résoudre un problème que vous pourriez régler une fois pour toutes.

Un CDN d'images redimensionne, reformate et met en cache les images à la demande, générant la taille et le format nécessaires à chaque visiteur à partir d'un seul original. C'est véritablement utile dans les bonnes conditions et superflu dans d'autres, et la différence réside dans la fréquence de modification de vos images.

Ce que fait réellement un CDN d'images

Un CDN d'images remplit 3 fonctions : il redimensionne à la demande, il convertit les formats selon le navigateur et il met en cache les résultats à proximité du visiteur. Chaque tâche remplace un travail que vous devriez autrement effectuer à l'avance.

Le redimensionnement à la demande signifie qu'un original produit toutes les variantes grâce à des paramètres dans l'adresse. La conversion de format signifie que la même adresse renvoie de l'AVIF à un navigateur qui le prend en charge et du JPEG à un autre qui ne le gère pas. La mise en cache signifie que la deuxième requête pour n'importe quelle variante est servie depuis un emplacement proche du visiteur plutôt que depuis votre serveur.

Quand un CDN justifie son coût

• Contenu téléversé par les utilisateurs. Vous ne pouvez pas contrôler les dimensions ou les formats lorsque les visiteurs téléversent les fichiers.
• Grands catalogues évolutifs. Une boutique ajoutant des centaines de produits par mois ne peut pas traiter chaque lot à la main.
• Nombreuses variantes par image. Un design nécessitant 6 tailles de chaque photographie multiplie le travail manuel par 6.
• Audiences mondiales. Servir des visiteurs sur d'autres continents bénéficie de la mise en cache en périphérie (edge), indépendamment de la gestion des images.
• Équipes sans flux de travail défini. Là où plusieurs personnes publient et personne ne suit de spécifications, l'automatisation est plus fiable que les consignes.

Quand un CDN est inutile

Un site disposant d'une bibliothèque d'images stable et de dimensions d'affichage connues ne tire presque aucun avantage d'un CDN d'images. L'optimisation est faite une fois, et les fichiers restent optimisés indéfiniment.

Les sites vitrines, les portfolios, la documentation, les blogs et les petites boutiques entrent généralement dans cette catégorie. Les images changent quelques fois par an, la mise en page est fixe et les dimensions d'affichage sont connues. Traiter la bibliothèque une seule fois et la diffuser depuis l'hébergement existant permet d'obtenir le même résultat qu'un abonnement mensuel, avec moins de pièces mobiles et sans intermédiaire dans le chemin de diffusion.

Comparaison des 2 approches

La dépendance qui mérite réflexion

Un CDN d'images se trouve sur le chemin de diffusion, de sorte qu'une panne ou un problème de facturation peut faire disparaître toutes les images de votre site d'un coup. Le risque est faible, mais la conséquence est totale.

Les changements de tarifs ont un poids similaire, car s'éloigner d'un service dont les adresses sont écrites dans des milliers de pages est plus difficile que de l'adopter au départ. Lorsque le CDN est le bon choix, gardez les fichiers originaux sous votre propre contrôle et évitez de construire des adresses qu'un seul fournisseur peut servir.

Comment décider

Pour choisir entre les 2 approches, répondez à ces 5 questions.

1. À quelle fréquence vos images changent-elles ? Une fréquence hebdomadaire ou plus rapide penche en faveur d'un CDN.
2. Les visiteurs ou le personnel téléversent-ils des images sans suivre de spécifications ? Si oui, privilégiez un CDN.
3. De combien de tailles chaque image a-t-elle besoin ? Plus de 3 penche en faveur d'un CDN.
4. Votre public est-il concentré dans une seule région ou réparti dans le monde entier ? Un public mondial penche en faveur d'un CDN.
5. Une seule personne pourrait-elle traiter toute la bibliothèque en un après-midi ? Si oui, faites plutôt cela.

La plupart des petits et moyens sites répondent par l'affirmative à la dernière question, ce qui règle la question. Reconsidérez la décision lorsque le catalogue dépasse ce que vous pouvez traiter manuellement.

Ce que vous devez toujours faire avec un CDN

Un CDN ne décide pas de la taille d'affichage, et servir une image à la bonne taille reste votre responsabilité. Demander une variante de 3000 pixels pour un emplacement de 600 pixels gaspille de la bande passante exactement comme avant.

Le service fonctionne également à partir de l'original que vous fournissez, de sorte qu'une source mal compressée ou mal recadrée produit de mauvaises variantes. Téléverser un bon original est important dans les deux approches. Ce qu'un CDN élimine, c'est le travail répétitif de génération des tailles, et non la nécessité d'y réfléchir.

Ce que coûtent généralement les CDN d'images

La tarification est généralement basée sur le nombre de transformations uniques, la bande passante consommée, ou les deux, ce qui rend les coûts imprévisibles sur un site sujet à des pics de trafic. Des offres gratuites existent, mais elles sont souvent dépassées dès le premier mois d'activité intense.

Deux détails piègent souvent les propriétaires de sites. Chaque combinaison de taille, de format et de qualité compte comme une transformation distincte, de sorte qu'un design réactif demandant 4 largeurs dans 3 formats génère 12 variantes facturables à partir d'une seule photographie. L'expiration du cache régénère ensuite certaines de ces variantes plus tard. Évaluez le coût par rapport à votre nombre réel d'images et de variantes plutôt que par rapport au prix d'appel.

Une approche hybride qui fonctionne bien

Traitez vos images fixes à l'avance et ne faites passer que le contenu téléversé par les utilisateurs par un service. La plupart des sites ont ces deux types d'images et les traitent de la même manière, ce qui est à l'origine du gaspillage.

Les pages marketing, les photos de produits et les images d'articles changent rarement et peuvent être optimisées une fois pour toutes. Les photos d'avis clients, les images de profil et les contributions de la communauté arrivent constamment à des tailles imprévisibles et ont véritablement besoin d'automatisation. Séparer les deux permet de maintenir l'abonnement à un niveau bas, car la tarification à l'usage ne couvre alors qu'une fraction de vos images au lieu de la totalité.

L'option intermédiaire que la plupart des sites négligent

La plupart des systèmes de gestion de contenu génèrent déjà plusieurs tailles lors du téléversement, ce qui est une fonctionnalité de CDN pour laquelle vous payez peut-être deux fois. WordPress, Shopify et la plupart des créateurs de sites créent automatiquement plusieurs variantes.

Vérifiez ce que fait votre plateforme avant de vous abonner à quoi que ce soit. S'elle génère déjà des tailles réactives et sert du WebP, le seul avantage restant d'un CDN est la mise en cache en périphérie et la négociation de format, ce qui importe beaucoup moins sur un site ayant une audience régionale. Ce test prend 2 minutes et élimine parfois complètement le besoin d'un abonnement.

Coûts de bande passante sur votre propre hébergement

Des images correctement dimensionnées réduisent la bande passante de l'hébergement de 60 à 90 pour cent, ce qui élimine fréquemment l'argument du coût en faveur d'un CDN. Les sites atteignent leurs limites de bande passante en raison d'images surdimensionnées plutôt qu'en raison du nombre de visiteurs.

Calculez le chiffre actuel avant de supposer qu'un CDN est nécessaire pour des raisons de capacité. Un site servant des pages de 4 MB à 10000 visiteurs par mois transfère 40 GB. Le même site servant des pages de 800 KB transfère 8 GB, ce qui s'intègre confortablement dans presque n'importe quel forfait d'hébergement. L'optimisation résout à la fois le problème de capacité et le problème de vitesse.

Traiter une bibliothèque au lieu de s'abonner

Convertissez et redimensionnez la bibliothèque une fois, diffusez-la depuis votre hébergeur existant, et reconsidérez la décision lorsque le catalogue s'agrandira. Ce travail prend un après-midi pour la plupart des sites et ne se répète pas tant que le design ne change pas.

Déposez jusqu'à 500 fichiers à la fois, ou glissez directement une archive ZIP, puis définissez la largeur, le format et la taille cible pour l'ensemble. Tout s'exécute dans votre navigateur sur votre propre processeur, de sorte que les bibliothèques clientes et les ressources non publiées n'atteignent jamais un serveur. Aucun abonnement ne commence, aucun tiers ne s'immisce dans votre chemin de diffusion, et les fichiers restent entièrement sous votre contrôle.

Notez les paramètres que vous avez utilisés, y compris les largeurs, le format et le niveau de qualité. Le lot d'images suivant correspondra alors à la bibliothèque existante sans que personne n'ait à redéfinir les spécifications, et une nouvelle personne rejoignant l'équipe aura une règle à suivre plutôt qu'un jugement à porter. Cette spécification écrite est ce qu'un CDN d'images vend, et sur un site stable, elle ne coûte rien à maintenir soi-même.