WordPressCACHE ET IMAGES
Prérequis
- Accès admin WordPress et hébergement compatible cache (object cache optionnel)
- Plugin de cache choisi (WP Rocket, LiteSpeed Cache ou équivalent)
- Compte PageSpeed Insights ou WebPageTest pour mesures
- 45 minutes pour configurer cache, images et valider sur 3 pages types
Un site WordPress B2B lent dégrade l’expérience utilisateur et complique le référencement technique. Cache mal configuré, images lourdes et scripts bloquants gonflent le LCP et le poids de page. Vous allez poser une stack perf pragmatique : plugin de cache, politique médias, lazy loading natif et recette de mesure avant livraison.
Cadrage : objectifs perf et éco-conception
Fixez des cibles réalistes avec le client : LCP sous 2,5 s sur mobile, poids page accueil sous un budget convenu. L’éco-conception commence par moins de requêtes et des assets plus légers.
Inventoriez les plugins actifs : chaque extension ajoute CSS, JS ou requêtes SQL. Désactivez l’inutile avant d’optimiser le reste.
Identifiez l’élément LCP (souvent image hero ou titre au-dessus de la ligne de flottaison) : c’est la priorité de chargement.
Configurer le cache page et navigateur
Activez cache page, minification CSS/JS (avec prudence) et compression Gzip/Brotli. Excluez panier, checkout et espace membre si e-commerce.
Définissez la durée TTL et la purge à la publication. Testez en navigation privée que le HTML est servi depuis le cache.
Images WebP, srcset et lazy loading
Convertissez les uploads en WebP via le plugin ou Imagify. Régénérez les miniatures après changement de tailles.
WordPress fournit loading="lazy" et srcset natifs. Pour le hero LCP, forcez fetchpriority="high" et évitez le lazy .
Erreurs fréquentes
Minifier du JS déjà minifié : casse les fonctionnalités (formulaires, menu mobile).
Lazy loading sur l’image LCP : retarde le rendu et dégrade le score.
Uploader des PNG 4000 px pour des vignettes 400 px : gaspillage bande passante.
Oublier de purger le cache CDN après déploiement thème ou plugin.
Empiler trois plugins d’optimisation image en parallèle.
Ce qu’il faut retenir
Baseline mesurée, puis cache page + politique médias + exclusion LCP du lazy load.
Budget poids par template ; WebP/srcset systématiques sur le contenu éditorial.
Purge cache dans la checklist MEP et runbook maintenance client.
La perf WordPress se maintient : revue trimestrielle des plugins et des métriques Core Web Vitals.
FAQ
WP Rocket est polyvalent. LiteSpeed Cache excelle sur serveur LiteSpeed. Testez la compatibilité avec votre thème et vos formulaires avant engagement.
Oui pour la majorité des images below the fold. Désactivez-le sur l’élément LCP et vérifiez les sliders qui injectent leurs propres règles.
Configurez Search Console (rapport Core Web Vitals) et une sonde PageSpeed mensuelle. Documentez les seuils dans le runbook client.
Cursor