Les photos ou pourquoi certains sites touristiques sont trop lent?

Il m’arrive souvent d’avoir des mandats de diagnostic de site web. J’en ai eu dans plusieurs secteurs d’activité. Récemment, j’ai travaillé pour une organisation du secteur touristique. Comme plusieurs organisations, ils ont donné le mandat de création de leur site web à une agence généraliste. Une agence qui fait de la pub, du placement, des médias sociaux, de la stratégie et du web. Ils semblent être bons dans tout. Ils ont fait un très beau site, mais disons qu’ils ne sont vraiment pas cassé la tête pour faire un site efficace. Personnellement, je préfère travailler avec des développeurs de site plutôt qu’avec des agences. Ils sont souvent plus consciencieux avec le code, les fonctionnalités, les plugiciels et la performance du site. En outre, ils développent sans personnaliser à l’excès et ils choisissent des plugiciels qui ne vont pas restreindre les performances du site. En outre, lorsque vient le temps de faire une mise à jour, le site ne plante pas parce que les plugiciels sont aussi mis à jour.

Toujours est-il que l’un des gros problèmes des acteurs touristiques, en plus de choisir les mauvaises agences avec qui ils travaillent, est qu’ils valorisent le visuel. Je les comprends tout à fait. On veut faire rêver le touriste et quoi de plus efficace qu’une photo léchée qui le fera rêver. Or, souvent, ils ont des photos époustouflantes, mais qui sont dans un format et avec une grosseur qui ralentissent énormément le site web ce qui empêche l’internaute de prendre connaissance des contenus. Ils ne réalisent pas (comme vous le voyez dans les photos ci-dessous tirées de https://codeburst.io/5-steps-to-speed-up-your-image-heavy-website-65c874a86966 ) que l’œil ne voit pas vraiment la différence de qualité sur le web.

image resizing

JPG, PNG vs WebP

L’une des solutions est d’encoder vos images avec le standard WebP, plutôt qu’avec le PNG ou le JPEG habituel. Cela réduira déjà la grosseur de l’image de 25% à 34%, ce qui est déjà énorme sur une page web contenant plusieurs images.