Imaginons une restauratrice d’Aix-en-Provence. Elle vient de refaire la page d’accueil de son site avec une magnifique photo de sa terrasse, prise avec son nouveau téléphone. Sur son ordinateur au bureau, tout s’affiche bien. Mais sur le téléphone d’un touriste en 4G, devant la porte, la page reste blanche plusieurs secondes… et il réserve ailleurs.

Ce scénario est très courant : quand un site vitrine est lent, le problème vient souvent d’une ou deux images trop lourdes, pas d’un serveur défaillant. Bonne nouvelle : c’est aussi l’un des problèmes les plus simples à corriger. Dans cet article, vous allez apprendre à repérer la photo coupable, à la corriger et à vérifier le résultat, sans jargon.

Pourquoi une seule photo peut tout ralentir

Un appareil photo ou un smartphone récent produit des images très grandes, pensées pour être imprimées ou zoomées. Une photo de plusieurs milliers de pixels de large pèse facilement plusieurs mégaoctets. Or sur un site, elle s’affiche souvent dans un cadre de 1 200 pixels de large, voire beaucoup moins sur mobile.

Résultat : le visiteur télécharge une image bien plus lourde que nécessaire. Et si cette photo est la grande image du haut de page, c’est précisément elle que le navigateur attend pour afficher l’essentiel.

Google mesure justement ce moment avec un indicateur appelé LCP (Largest Contentful Paint) : le temps nécessaire pour afficher le plus gros élément visible à l’écran. Selon la documentation de Google (web.dev), une bonne expérience correspond à un LCP de 2,5 secondes ou moins. Sur beaucoup de sites vitrines, ce plus gros élément… est une photo.

Les 4 erreurs photo qu’on retrouve le plus souvent

• La photo envoyée « telle quelle » depuis le téléphone : dimensions énormes, poids de plusieurs mégaoctets, aucune compression.
• Le mauvais format : un PNG utilisé pour une photographie (le PNG est fait pour les logos et les visuels à aplats, pas pour les photos).
• Le diaporama d’accueil : cinq grandes photos chargées d’un coup alors que le visiteur n’en verra peut-être qu’une.
• Les galeries interminables : des dizaines d’images en pleine résolution sur une même page, toutes chargées dès l’ouverture.

Bonne nouvelle : WordPress fait déjà une partie du travail

Si votre site tourne sous WordPress à jour, plusieurs protections existent déjà :

• Les tailles multiples : à chaque envoi, WordPress crée plusieurs versions de l’image et laisse le navigateur choisir la plus adaptée à l’écran.
• La réduction des très grandes images : depuis la version 5.3, une image de plus de 2 560 pixels est automatiquement réduite à cette taille maximale lors de l’envoi.
• Le chargement différé (lazy loading) : depuis la version 5.5, les images situées plus bas dans la page ne sont chargées que lorsque le visiteur s’en approche.
• Les formats modernes : WordPress accepte le WebP depuis la version 5.8 et l’AVIF depuis la version 6.5 (si votre hébergement le prend en charge). Ces formats sont généralement bien plus légers que le JPEG, à qualité visuelle comparable.

Attention toutefois : ces automatismes ne rattrapent pas tout. Un thème ou un constructeur de pages peut afficher l’image en taille originale, un diaporama peut contourner le chargement différé, et 2 560 pixels restent bien plus que nécessaire pour une vignette. D’où l’intérêt de vérifier.

Comment trouver la photo coupable en 5 minutes

Pas besoin d’être développeur. Voici la méthode que nous utilisons pour un premier diagnostic :

1. Ouvrez PageSpeed Insights (l’outil gratuit de Google) et collez l’adresse de votre page d’accueil.
2. Regardez d’abord le résultat mobile : c’est souvent là que la différence se voit.
3. Repérez la valeur du LCP et l’élément qui en est responsable : l’outil indique quel élément de la page est concerné.
4. Parcourez les recommandations : des mentions comme « Diffuser des images aux formats modernes » ou « Dimensionner correctement les images » désignent directement vos photos.
5. Notez les résultats (ou faites une capture d’écran) : ce sera votre point de comparaison « avant ».

La checklist pour alléger vos images

• ✅ Redimensionnez avant d’envoyer : pour une grande image de bannière, une largeur de l’ordre de 1 600 à 2 000 pixels suffit généralement ; pour une image dans le texte, beaucoup moins.
• ✅ Choisissez le bon format : JPEG, WebP ou AVIF pour les photos, PNG ou SVG pour les logos et pictogrammes.
• ✅ Compressez : une extension de compression d’images pour WordPress peut traiter automatiquement les nouveaux envois, et souvent la médiathèque existante.
• ✅ Limitez les diaporamas : une seule belle photo en haut de page vaut souvent mieux que cinq qui défilent.
• ✅ Ne différez pas l’image principale : le chargement différé est utile plus bas dans la page, mais la grande photo du haut doit, elle, s’afficher immédiatement.
• ✅ Renseignez le texte alternatif : ce n’est pas une question de vitesse, mais c’est utile pour l’accessibilité et le référencement, alors profitez-en.

Pour aller plus loin sur le choix des outils, nous avons comparé plusieurs solutions dans notre article Optimisation des images sur WordPress : quels plugins choisir ?

Mesurer avant / après : la seule preuve qui compte

Une fois les corrections faites, relancez PageSpeed Insights sur la même page, toujours en mode mobile, et comparez avec vos notes de départ. Deux conseils pour ne pas vous tromper :

• Videz le cache de votre site (si vous utilisez une extension de cache) avant de mesurer à nouveau.
• Faites plusieurs mesures : les résultats varient un peu d’un test à l’autre. C’est la tendance qui compte, pas un chiffre isolé.

Si le LCP reste élevé alors que vos images sont légères, le problème est ailleurs : hébergement, thème trop chargé, extensions en trop, polices ou scripts externes. C’est là qu’un regard technique devient utile. Nous expliquons pourquoi ces secondes comptent dans Vitesse de chargement : chaque seconde vous coûte de l’argent.

Le bon réflexe à prendre dès aujourd’hui

La prochaine fois que vous ajoutez une photo à votre site, posez-vous une seule question : « Est-ce que je l’ai redimensionnée et compressée avant de l’envoyer ? » Ce simple réflexe évite une grande partie des lenteurs que nous constatons sur les sites de commerçants, d’artisans et d’associations.

Et vous, avez-vous déjà testé votre page d’accueil sur mobile avec PageSpeed Insights ? Quel résultat avez-vous obtenu ? Dites-le-nous en commentaire.

Votre site WordPress vous semble lent et vous ne savez pas par où commencer ? L’équipe de L’agence Digisense, basée à Venelles près d’Aix-en-Provence, peut analyser votre site et vous indiquer les corrections prioritaires. Contactez-nous pour en parler.