Pourquoi limiter le poids des images est important ?

Le saviez-vous ? La vitesse de chargement des pages de votre site web – autrement dit, le temps que mettent vos pages à s'afficher entièrement sur l'écran de l'appareil (ordinateur, tablette, smartphone) utilisé par votre visiteur – est un des premiers éléments jouant sur l'impression qu'il aura de votre site.

Concrètement, un internaute ne doit pas attendre plus de 3 secondes en moyenne pour que les pages de votre site se chargent. À défaut, il se déconnectera pour en trouver un plus performant.

Quelques chiffres pour illustrer notre propos :

  • Un site qui se charge en plus de 5 secondes affiche un taux de rebond deux fois plus élevé qu'un site le faisant en 1 seconde. Pour rappel, le taux de rebond représente le pourcentage de visiteurs qui ont quitté votre site après avoir uniquement vu une seule page. En d'autres termes, plus ce taux est faible, plus votre site les a intéressés ;  
  • Une seule seconde de chargement en trop peut baisser jusqu'à 7 % le taux de conversion. Il s'agit du ratio entre le nombre de visites sur un site et le nombre d'achats réalisés sur une période donnée. Lorsqu'une visite se termine par un achat, on parle d'une conversion ;
  • 20 % des utilisateurs abandonnent leur panier à cause du temps de chargement.

Ces chiffres connus, se pose désormais LA question : « Comment faire pour accélérer le temps de chargement des pages internet ? ».

Si beaucoup de paramètres sont à prendre en compte pour y parvenir, le premier est sans conteste l'optimisation des images qui y figurent.

Comment optimiser la taille d'une photo ?

En les enregistrant au format approprié. Si le format JPEG – le plus utilisé lorsqu'il s'agit d'images et particulièrement celles issues des appareils photo numériques – permet d'équilibrer la taille et la qualité d'un fichier standard, il reste lourd.

Autrement dit, il prend de l'espace de stockage et met du temps à charger. Mais moins que le format PNG qui, en revanche, s'adapte particulièrement aux images qui ont des résolutions élevées. Pour savoir lequel choisir, n'hésitez pas à les tester : enregistrez une même image en JPEG et en PNG, intégrez-les à votre site et observez son temps de chargement.

Autre possibilité, enregistrez vos images au format SVG. Non seulement la majorité des navigateurs sont compatibles mais, surtout, la taille des fichiers au format SVG est en général plus petite que les formats JPEG et PNG. Ce qui aura pour conséquence un temps de chargement plus rapide des images sur votre site. En revanche, sachez que les réseaux sociaux ne supportent pas ce format.

Enfin, si vous souhaitez animer votre site, privilégiez les GIF qui, certes, limitent la qualité des images, mais ne perdent aucune information lors de la compression. Ce qui signifie qu'ils s'affichent très vite.

Effacez les métadonnées inutiles

De nombreux fichiers contiennent beaucoup de données inutiles, comme des informations géographiques, sur l'appareil photo qui a capturé les images ou encore sur la version du logiciel de retouches photos utilisée.

Pour les faire disparaître, et donc alléger vos fichiers pour qu'ils s'affichent plus rapidement, rien de plus simple :

Vous utilisez Windows ? Dans Explorer, sélectionnez la ou les photos dont vous souhaitez supprimer les métadonnées. Cliquez droit pour ouvrir le menu contextuel et sélectionnez « Propriétés ». Dans la fenêtre « Propriétés », cliquez sur l'onglet « Détails » puis sur « Supprimer les propriétés et les informations personnelles ». Deux options s'offrent à vous pour supprimer les données EXIF et IPTC : soit créer une copie de la photo sans aucune métadonnée, soit supprimer la totalité ou une sélection de métadonnées dans le fichier original.

Sur macOS, l'application gratuite ImageOptim est la solution la plus simple pour supprimer les métadonnées.

Et pour les vidéos, comment fait-on ?

Pour publier des vidéos sur votre site et/ou vos réseaux sociaux, un conseil : utilisez le format MP4. Grâce à son format compressé, le résultat final sera léger. Les fichiers MP4 peuvent aussi être lus par la plupart des lecteurs et facilement affichés sur internet.

En résumé, le MP4 est le meilleur choix pour créer et sauvegarder des vidéos sur votre site, vos réseaux sociaux et autres.