Performance, séance 2 : images, cache et mesure

Interroger l’IA sur cet article

Ce qui rend un site lent, et ce qui le prouve

Au sommaire, 7 sections

Pourquoi cette séance existe

Un site lent ne se plaint pas. Il ne renvoie pas d’erreur, il ne remonte pas dans les alertes, et personne dans l’entreprise ne signale jamais qu’il est lent. Il perd simplement des visiteurs, silencieusement, et le manque à gagner n’apparaît sur aucune ligne de compte.

C’est ce qui en fait un sujet de manager et non de technicien : personne ne le remontera à votre place.

Vous avez posé les indicateurs à la séance précédente. Cette séance traite les deux leviers qui produisent l’essentiel du résultat, les images et le cache, et surtout la question qui les précède : comment savoir si vous avez amélioré quelque chose.

Ce que vous saurez à la fin de cette séance

  • Distinguer une mesure de laboratoire d’une mesure de terrain, et savoir laquelle engage votre responsabilité
  • Traiter le poste le plus lourd d’un site WordPress, les images, avec les quatre leviers disponibles
  • Comprendre ce qu’un cache accélère, et surtout ce qu’il masque sans le résoudre
  • Arbitrer entre une solution d’extension, une solution d’hébergement et une solution de réseau de diffusion

1. Mesurer avant d’optimiser

1.1 Deux familles de mesures, qui ne disent pas la même chose

C’est la distinction que la plupart des équipes marketing ignorent, et elle explique presque tous les débats stériles avec un prestataire.

Une mesure de laboratoire est un test lancé à la demande, sur une machine et une connexion simulées, dans des conditions constantes. Vous obtenez un score, souvent sur cent, et une liste de recommandations. C’est reproductible, immédiat, et cela ne dit rien de vos visiteurs réels.

Une mesure de terrain agrège ce qu’ont réellement vécu les visiteurs de votre site, sur leurs appareils et leurs connexions, sur une période glissante. C’est ce que Google utilise pour évaluer un site, et c’est ce que vit votre client.

Un site peut afficher un excellent score de laboratoire et des données de terrain médiocres. L’inverse existe aussi. Les deux sont utiles, mais pour des usages différents : le laboratoire sert à diagnostiquer et à comparer avant et après, le terrain sert à savoir où vous en êtes vraiment.

Le piège. Un score de laboratoire n’est pas un objectif. Une agence qui vend « un site à 100 sur 100 » vend un chiffre obtenu dans des conditions qui ne sont celles d’aucun visiteur. La question à poser est toujours la même : sur quelles données, mesurées comment, et sur quelle période ?

1.2 Les trois indicateurs qui comptent

Trois métriques, dites signaux web essentiels, sont utilisées par Google pour caractériser l’expérience d’une page1. Elles se retiennent, parce que ce sont elles qui reviendront dans tous vos échanges avec des prestataires.

IndicateurCe qu’il mesureSeuil considéré comme bon
LCP, plus grande image ou bloc de texte affichéla vitesse de chargement perçue2,5 secondes ou moins
INP, délai entre une interaction et la réponse visiblela réactivité200 millisecondes ou moins
CLS, décalage visuel cumuléla stabilité de la mise en page0,1 ou moins

Deux précisions qui changent la lecture de ces chiffres.

La première : l’évaluation se fait au 75e percentile. Pour qu’un signal soit jugé bon, au moins trois chargements sur quatre doivent respecter le seuil : un quart de vos visiteurs peut donc rester mal servi sans que cela apparaisse. Une moyenne satisfaisante, elle, masque encore davantage.

La seconde : l’INP a remplacé une métrique antérieure, le FID, en 2024. Si vous lisez un audit ou un article qui parle encore de FID, il date d’avant ce changement, et c’est un bon indicateur de la fraîcheur du document que l’on vous présente.

1.3 Le CLS, celui que le marketing produit lui-même

Le décalage visuel cumulé mesure les mouvements de la page pendant son chargement : un bouton qui se déplace au moment où l’on clique, un texte qui saute parce qu’une image s’est chargée après.

C’est l’indicateur le plus directement lié aux décisions marketing, parce que ses causes sont presque toujours des ajouts marketing : une bannière insérée en haut de page, un bandeau de consentement aux traceurs, une police de caractères personnalisée qui remplace la police par défaut une fois chargée, une publicité dont la hauteur n’est pas réservée.

Aucun développeur ne peut corriger cela sans arbitrer ce que vous avez demandé. C’est une conversation, pas un correctif.


2. Les images : quatre leviers, dans cet ordre

Les images représentent l’essentiel du poids d’une page sur un site WordPress ordinaire. Quatre leviers, et leur ordre est délibéré : les deux premiers font l’essentiel du résultat et ne coûtent rien.

2.1 Le dimensionnement

Une image servie à 3 000 pixels de large pour être affichée sur 800 est du poids pur. WordPress génère automatiquement plusieurs tailles au téléversement et laisse le navigateur choisir la plus adaptée, mais ce mécanisme ne rattrape pas tout : il ne fait rien si le thème demande explicitement l’image d’origine, ni si l’image a été insérée en dur dans un contenu.

Le geste préalable reste le même qu’en première année : redimensionner avant de téléverser.

2.2 Le format

Les formats modernes, WebP et AVIF, produisent des fichiers nettement plus légers que le JPEG à qualité visuelle comparable. WordPress les accepte nativement dans ses versions récentes, et la plupart des extensions d’optimisation savent convertir un catalogue existant en une opération.

Le point de vigilance est la conversion en masse d’un site déjà en production : elle réécrit des centaines de fichiers, et elle doit être précédée d’une sauvegarde vérifiée. Nous y reviendrons en séquence sécurité.

2.3 Le chargement différé

Une image située en bas de page n’a aucune raison d’être téléchargée avant que le visiteur y arrive. Le chargement différé, natif dans WordPress, s’en charge.

Une subtilité utile à connaître, parce qu’elle produit l’effet inverse de celui recherché : différer la première image visible dégrade le LCP au lieu de l’améliorer. WordPress exclut normalement les premières images du différé, mais certains thèmes et certaines extensions cassent ce comportement. C’est une des premières choses à vérifier quand un LCP se dégrade sans raison apparente.

2.4 Le réseau de diffusion de contenu

Un réseau de diffusion, ou CDN, réplique vos fichiers sur des serveurs répartis géographiquement et sert le visiteur depuis le plus proche.

Le gain est réel, mais il dépend entièrement de votre audience : très important pour une audience internationale, marginal pour une clientèle locale servie par un hébergeur français. C’est exactement le type d’arbitrage qu’on attend de vous, et la bonne question n’est pas « faut-il un CDN » mais « où sont mes visiteurs ».

Atelier 1, mesurer et prioriser

En binôme, sur un site réel. Prenez le site de votre entreprise d’accueil, ou celui d’une association de votre choix. N’y apportez aucune modification : c’est un audit.

  1. Lancez une mesure de laboratoire sur la page d’accueil, en affichage mobile. Notez les trois indicateurs et le score global.
  2. Identifiez l’élément responsable du LCP. L’outil vous le désigne.
  3. Relevez le poids total de la page et la part des images.
  4. Listez les trois actions qui produiraient le plus de gain, classées par rapport entre effort et résultat.
  5. Vérifiez si des données de terrain existent pour ce site. Si elles n’existent pas, expliquez pourquoi.

Le livrable est un tableau de cinq lignes maximum, tel que vous le présenteriez à un dirigeant : le constat, la cause, l’action, l’effort estimé, le gain attendu. Pas de capture d’écran, pas de vocabulaire technique non expliqué.


3. Le cache : ce qu’il accélère et ce qu’il masque

3.1 Ce qu’est un cache

Sans cache, chaque visiteur qui demande une page déclenche le même travail complet : interroger la base de données, assembler le contenu, appliquer le thème, produire la page. Ce travail donne le même résultat pour tous les visiteurs non connectés, et il est refait à chaque fois.

Un cache conserve le résultat et le sert directement. Le gain est considérable, et c’est en général la mesure la plus rentable sur un site WordPress mal réglé.

3.2 Les étages, et qui en est responsable

Le mot « cache » désigne quatre choses différentes, ce qui explique beaucoup de malentendus.

ÉtageCe qu’il conserveQui le règle
Cache navigateurles fichiers déjà téléchargés par le visiteurserveur ou extension
Cache de pagela page assemblée, prête à servirextension ou hébergeur
Cache d’objetles résultats de requêtes à la basehébergeur
Réseau de diffusionles fichiers, répliqués géographiquementprestataire externe

Ce tableau porte une information de gestion : plusieurs étages peuvent être fournis par des acteurs différents, et c’est là que naissent les problèmes. Une extension de cache installée sur un hébergement qui gère déjà le cache de page produit des comportements incohérents, des purges qui ne purgent rien, et des heures de diagnostic.

La première question avant d’installer quoi que ce soit est donc : qu’est-ce que mon hébergeur fait déjà ?

3.3 Les trois pièges du cache

Il masque un site mal conçu. Un site qui met quatre secondes à s’assembler et que le cache sert en trois cents millisecondes reste un site qui met quatre secondes à s’assembler. Le jour où le cache est vidé, ou pour la première visite de chaque page, le problème réapparaît intact. Le cache est une amélioration, pas un correctif.

Il ne sert pas tout le monde. Les visiteurs connectés, les paniers d’achat, les formulaires en cours contournent le cache par nécessité. Sur un site de commerce, la partie qui rapporte est précisément celle qui n’est pas mise en cache.

Il crée des incidents de contenu. « J’ai modifié la page, elle n’a pas changé » : c’est la question la plus fréquente d’une équipe marketing après l’installation d’un cache. La réponse est de connaître le bouton de purge et les règles d’invalidation, et de l’apprendre à tous ceux qui publient. Une purge non documentée finit toujours par produire une communication publiée deux jours en retard.

À retenir. Le cache accélère le service d’une page déjà construite ; il ne rend pas le site plus rapide à construire. Il n’intervient pas sur les parcours connectés, qui sont souvent ceux qui convertissent. Avant d’en installer un, vérifiez ce que fait déjà l’hébergeur : deux caches concurrents coûtent plus qu’aucun cache.

Atelier 2, la note d’arbitrage

Individuellement. Un dirigeant vous transmet ce message :

« Notre site est lent, tout le monde le dit. Une agence propose une refonte complète à 18 000 euros. Un prestataire propose une optimisation à 2 500 euros. Que fait-on ? »

Rédigez la réponse, quinze lignes maximum, structurée ainsi :

  1. Ce que vous mesurez avant de décider, et pourquoi la mesure précède le devis.
  2. Les trois questions que vous posez aux deux prestataires, et ce que leurs réponses vous apprendront.
  3. Votre recommandation d’ordre : ce qu’on fait d’abord, ce qu’on garde en réserve.
  4. Ce que vous refusez d’engager tant qu’un élément précis n’est pas connu.

Contrainte de forme : votre note doit être compréhensible par quelqu’un qui ignore ce qu’est un cache. Aucun terme technique n’est interdit, mais chacun doit être expliqué en cinq mots.


Synthèse

Mesurer d’abord. Laboratoire pour diagnostiquer et comparer, terrain pour savoir où l’on en est. LCP à 2,5 secondes, INP à 200 millisecondes, CLS à 0,1, respectés par au moins trois chargements sur quatre.

Les images, quatre leviers dans l’ordre : dimensionner, convertir au format moderne, différer ce qui n’est pas visible tout de suite, et n’envisager un réseau de diffusion qu’en fonction de la géographie de l’audience.

Le cache accélère, il ne répare pas. Il ne couvre pas les parcours connectés, il masque une conception lourde, et il produit des incidents de publication si personne ne sait le purger.

Le CLS est un sujet marketing. Bannières, bandeaux de consentement, polices personnalisées : les décalages viennent presque toujours d’ajouts demandés par le marketing, et ils ne se corrigent pas sans arbitrage.


Pour la séance suivante

Relevez, sur le site de votre entreprise d’accueil, qui gère l’hébergement et quelles extensions de cache ou d’optimisation sont installées. Si vous n’avez pas accès à l’administration, notez-le : cette impossibilité est elle-même une information de gouvernance.

La séance suivante ouvre la sécurité. Venez avec une réponse à cette question : qui, dans votre entreprise, saurait dire quand la dernière sauvegarde du site a été vérifiée ?


Sources

Notes

  • Signaux web essentiels (Core Web Vitals) : LCP, INP et CLS, avec les seuils indiqués, évalués au 75e percentile des chargements de page et segmentés entre mobile et ordinateur. L’INP a remplacé le FID comme métrique stable en 2024. Source : web.dev/articles/vitals. Vérifié le 11 août 2026. Revenir au texte

Retour en haut