Un site immobilier WordPress rapide : photos de biens, Core Web Vitals et sobriété

Sites d'agence · Par la rédaction de Plain Hooks · Publié le 2026-11-09

Un carnet à spirale, un crayon, une règle et un mug blanc posés devant un ordinateur portable sur un bureau blanc — Photo : Oli Dale, CC0, via Wikimedia Commons.

Un site d'agence immobilière cumule tout ce qui rend une page lente : des dizaines de photos par bien, souvent envoyées telles qu'elles sortent de l'appareil, une carte interactive, un moteur de recherche à filtres, un thème « tout-en-un » et une poignée d'extensions ajoutées au fil des années. Or les visiteurs consultent les annonces surtout sur téléphone, parfois dans le train ou devant le bien.

Les fonctions WordPress citées existent dans le cœur depuis plusieurs versions et sont toujours présentes dans la version courante en novembre 2026. Aucune extension n'est recommandée, aucun lien n'est sponsorisé.

Mesurer avant de corriger

Google évalue l'expérience de chargement avec trois indicateurs, les Core Web Vitals : le temps d'affichage du plus grand élément visible (LCP, à garder sous 2,5 secondes), la réactivité aux interactions (INP, sous 200 millisecondes) et la stabilité de la mise en page (CLS, sous 0,1). Sur une fiche de bien, le plus grand élément est presque toujours la première photo : c'est elle qu'il faut soigner en priorité.

Mesurez trois pages types, pas seulement l'accueil : la page d'accueil, une liste de résultats et une fiche de bien avec beaucoup de photos. Faites la mesure en simulation mobile. Notez les chiffres, puis refaites-la après chaque changement : c'est le seul moyen de savoir ce qui a vraiment servi.

1. Les photos, premier poste de poids

Ne jamais envoyer l'original

Une photo d'appareil récent dépasse souvent 4 000 pixels de large et pèse plusieurs mégaoctets. Depuis la version 5.3, WordPress réduit automatiquement les images très grandes à 2 560 pixels au plus grand côté au moment de l'envoi (l'original est conservé à part). C'est un filet de sécurité, pas une solution : réduisez vos photos à environ 2 000 pixels avant l'envoi, ou demandez au logiciel de transaction de le faire s'il alimente le site.

Laisser WordPress servir la bonne taille

À chaque envoi, WordPress génère plusieurs tailles (miniature, moyenne, grande, plus des tailles intermédiaires) et, depuis la version 4.4, les propose au navigateur avec les attributs srcset et sizes. Un téléphone télécharge ainsi une version de 768 pixels plutôt que l'original. Cela ne fonctionne que si le thème affiche les images avec les fonctions de WordPress (le bloc Image, ou wp_get_attachment_image()) : certains thèmes et carrousels immobiliers insèrent l'URL de l'original en dur, et tout le bénéfice est perdu. Vérifiez dans le code source d'une fiche que les balises <img> portent bien un srcset.

Si les vignettes de vos listes sont recadrées n'importe comment, réglez les dimensions dans Réglages → Médias puis régénérez-les ; notre guide en anglais sur les tailles d'images détaille la méthode.

Des formats modernes

WordPress accepte le format WebP depuis la version 5.8 et AVIF depuis la version 6.5, à condition que la bibliothèque d'images du serveur les prenne en charge (l'outil Outils → Santé du site indique laquelle est utilisée). À qualité visuelle comparable, une photo en WebP ou en AVIF est généralement nettement plus légère qu'en JPEG ; faites l'essai sur quelques-unes de vos photos pour mesurer le gain.

Charger au bon moment

Depuis la version 5.5, WordPress ajoute loading="lazy" aux images, pour qu'elles ne se chargent qu'à l'approche de la zone visible, et depuis la version 6.3, il marque la première grande image de la page avec fetchpriority="high" pour qu'elle passe en premier. Deux pièges fréquents sur les sites immobiliers : un carrousel qui charge d'emblée les quarante photos d'un bien, et une première photo cachée derrière un script de diaporama, que le navigateur ne découvre qu'au dernier moment. Une première photo en HTML simple, et les suivantes chargées à la demande, valent mieux que le plus beau des diaporamas.

Réserver la place

Les attributs width et height sur chaque image, que WordPress ajoute de lui-même, permettent au navigateur de réserver l'espace avant l'arrivée de la photo. Sans eux, le texte saute vers le bas pendant le chargement : c'est exactement ce que mesure le CLS.

2. Cartes, vidéos, visites virtuelles

Une carte interactive charge à elle seule des scripts, des tuiles et des polices venus d'un autre serveur, sur chaque fiche, même si personne ne la regarde. Affichez à la place une image de la carte avec un bouton « Voir sur la carte » qui charge le service au clic. Même principe pour les vidéos et les visites virtuelles. Ce chargement au clic résout aussi la question des traceurs tiers, détaillée dans notre article sur le RGPD et les cookies.

3. Thème et extensions

Les thèmes immobiliers « premium » embarquent souvent un constructeur de pages, plusieurs bibliothèques de scripts, des polices externes et des fonctions de recherche que vous n'utilisez pas. Tout est chargé sur toutes les pages. Avant d'optimiser, faites le tri :

désactivez une à une les extensions dont vous n'êtes pas sûr, et mesurez ;
supprimez celles qui ne servent plus (une extension désactivée mais installée reste un risque de sécurité) ;
hébergez les polices sur votre serveur et limitez-vous à deux graisses ;
lors d'une refonte, envisagez un thème à blocs léger plutôt qu'un thème tout-en-un.

4. Le serveur et le cache

Une fiche de bien change rarement plusieurs fois par heure : elle peut être servie depuis un cache de pages au lieu d'être recalculée à chaque visite. La plupart des hébergeurs WordPress proposent un cache intégré ; sinon, une extension de cache de pages fait l'affaire. Vérifiez aussi la version de PHP dans Outils → Santé du site : une version maintenue est plus rapide et reçoit encore les correctifs de sécurité. Attention aux pages qui ne doivent pas être mises en cache, comme les formulaires avec jeton de sécurité ou un espace client.

Vitesse et sobriété : les repères français

Un site léger n'est pas seulement plus agréable : il consomme moins. Selon l'Arcep, le numérique représentait environ 4 % de l'empreinte carbone de la France en 2022, d'après l'étude menée avec l'ADEME. La loi du 15 novembre 2021 visant à réduire l'empreinte environnementale du numérique (loi REEN) a confié à l'Arcep et à l'Arcom l'élaboration d'un référentiel général d'écoconception des services numériques (RGESN), publié dans sa version 2024. Il n'est pas obligatoire pour une agence, mais sa grille est une bonne liste de contrôle : poids des pages, images adaptées à l'écran, services tiers limités, contenus anciens archivés.

Sur ce dernier point, les annonces de biens vendus depuis longtemps, avec leurs dizaines de photos, alourdissent la médiathèque et les sauvegardes. Archiver ou supprimer ces médias, et rediriger proprement les anciennes adresses, fait partie de l'entretien normal du site ; voir notre article sur les annonces.

Liste de contrôle rapide

Mesurer trois pages types en mobile, noter les chiffres.
Réduire les photos avant l'envoi, vérifier la présence de srcset.
Passer en WebP ou AVIF si le serveur le permet.
Première photo en HTML simple, les autres chargées à la demande.
Cartes et vidéos chargées au clic.
Faire le tri des extensions, héberger les polices.
Activer un cache de pages, vérifier la version de PHP.
Mesurer à nouveau.