Optimiser vos images avec l'aide d'un CDN tel Cloudinary

Qu'est-ce qu'un CDN?

Un CDN (Réseau de diffusion de contenu ou Content delivery network en anglais) sert à transmettre vos images à vos utilisateurs plus rapidement et efficacement. C'est lui qui s'occupe de l'hébergement de vos images et plusieurs vous permette de transformer vos images à la demande, ce qui est très utile pour réduire la grosseur de vos images sur les téléphones. C'est un excellent outil pour augmenter la rapidité de chargement de vos pages sous différents média, que ce soit mobile, tablette ou ordinateur!

Des images adaptives?

Il est maintenant possible de retourner à vos utilisateurs des images adaptives, c'est-à-dire que les images s'adaptent à la grosseur d'écran du client. Cela peut être très bon pour le temps de chargement de vos pages, mais ça demande aussi beaucoup de gestion pour créer chaque image. Si par exemple vous voulez gérer des images pour 6 résolutions différente, il vous faudra créer 6 images différente. La quantité d'image se multiplie ensuite pour chaque format d'image que vous voulez supporter (par exemple WebP). C'est ici qu'un CDN tel que Cloudinary entre en jeu. En hébergeant nos images sur Cloudinary, on peut le laisser gérer les tailles différente à notre place! Nous gardons donc la simplicité d'une seule image, tout en offrant une expérience plus rapide à nos utilisateurs! Il est aussi possible de transformer vos images, les redimensionner, ajouter des filtres, le tout sans même toucher à votre image original!

Détections du meilleur format pour chaque utilisateur

Un autre gros avantage d'utiliser Cloudinary, est qu'il détecte lui-même selon le navigateur de l'utilisateur, quel format d'image convient le mieux selon ce que le navigateur supporte. Par exemple, une image WebP pourrait être 50% plus petite que l'original JPG que vous utiliser, si le navigateur du client le permet, il va lui retourner en WebP, mais si son navigateur est moins récent et ne reconnait pas les WebP, pas de problème, le tout sera retourner dans un format supporté. Avec Cloudinary, tout se fait automatiquement pour l'utilisateur et ça augmente l'expérience utilisateur!

Utiliser un réseau de diffusion de contenu avec un CMS?

Il est certainement possible d'utiliser un CDN pour vos images avec un CMS. C'est exactement ce qui est fait pour ce site à l'aide de Forestry. Plusieurs CMS supportent des CDN différent, Cloudinary étant l'un des plus populaire dans le domaine, c'est souvent une option populaire pour un CMS. Dans le cas de Forestry, il y avait quelques options, mais Cloudinary était la plus simple et marchait bien avec mon générateur de site statique. Cloudinary a aussi une offre gratuite qui est parfaite pour commencer.

Un bon réseau de diffusion de contenu avec une gestion d'image adaptive rendra votre site encore plus rapide. Sachant que les images sont souvent la cause première de ralentissement sur un site, c'est primordiale de bien les gérer. En bonus, le temps de chargement de vos pages peut influencer votre référencement sur le web, c'est donc quelque chose qu'on doit prendre au sérieux! N'hésiter pas à me contacter si vous avez un projet en tête, il me fera plaisir de vous aider!