Optimiser les images de votre site : le guide pour un site rapide

Les images représentent souvent la plus grande partie du poids d’une page. Un site lourd se charge lentement, surtout sur mobile, et un visiteur pressé repart avant même d’avoir vu votre offre. Bonne nouvelle : quelques réglages suffisent pour optimiser vos images.

1. Choisissez le bon format

• WebP : le meilleur compromis qualité/poids pour la plupart des photos.
• JPEG : pour les photos si le WebP n’est pas possible.
• PNG : uniquement pour les images avec transparence (logos).
• SVG : pour les icônes et logos vectoriels.

2. Redimensionnez avant d’importer

Une photo de 6 000 pixels de large affichée dans un bloc de 800 pixels, c’est un poids inutile. Redimensionnez vos images à la taille maximale d’affichage (souvent 1 600 à 2 000 pixels pour une image pleine largeur).

3. Compressez

Des outils de compression réduisent fortement le poids sans perte visible. Sur WordPress, une extension d’optimisation peut le faire automatiquement à l’import.

4. Activez le chargement différé

Le « lazy loading » ne charge les images que lorsqu’elles approchent de l’écran. Il est intégré à WordPress, mais attention à ne pas l’appliquer à l’image principale en haut de page, qui doit s’afficher immédiatement.

5. Remplissez le texte alternatif

L’attribut « alt » décrit l’image aux personnes malvoyantes et aux moteurs de recherche. Décrivez simplement ce qu’on voit : « Verrière acier installée dans une cuisine à Montreuil » plutôt que « image1 ».

6. Nommez vos fichiers

« verriere-acier-cuisine.webp » est plus parlant pour Google que « IMG_4587.jpg ».

7. Et les vidéos ?

Pour les vidéos, privilégiez des fichiers courts et compressés, ou hébergez-les sur YouTube ou Vimeo pour ne pas alourdir votre site.

La vitesse fait partie de nos priorités quand nous créons un site internet. Découvrez aussi les 8 éléments indispensables d’un site vitrine.

Questions fréquentes