Optimiser la vitesse d'un site WordPress : la méthode dans le bon ordre

D'abord : mesurez, ne devinez pas

Je vois passer beaucoup de sites où le propriétaire a installé trois plugins de cache d'un coup, minifié tout ce qui bougeait, et obtenu... un site cassé et toujours lent. Le réflexe qui vous fera gagner des heures : partir d'une mesure, pas d'une intuition.

Ouvrez PageSpeed Insights, l'outil officiel de Google, et testez trois URL distinctes : votre page d'accueil, un article, et une page produit ou de service si vous en avez. Les trois se comportent rarement pareil. Regardez surtout l'onglet mobile, parce que c'est celui que Google utilise pour indexer.

Notez le LCP (le temps que met votre plus gros élément visible à s'afficher) et le CLS (les sauts de mise en page). Ce sont les indicateurs qui comptent, et si vous voulez comprendre pourquoi Google en fait tout un plat, j'ai détaillé ailleurs à quoi correspondent vraiment les Core Web Vitals. Gardez une capture d'écran de vos scores de départ. Vous en aurez besoin pour savoir si ce que vous faites sert à quelque chose.

L'hébergement : le levier que personne ne veut regarder

C'est le point le moins sexy de cet article, et de très loin le plus rentable. Si votre serveur met une seconde et demie à renvoyer le premier octet de la page, aucun plugin de cache ne rattrapera ça proprement.

Les mutualisés à quelques euros par mois partagent votre processeur avec des centaines d'autres sites. Ça tient pour un site vitrine avec dix visiteurs par jour. Dès que vous avez du trafic, un WooCommerce ou un thème lourd, vous payez la facture en lenteur. Passer d'un mutualisé bas de gamme à un hébergement WordPress correct (comptez environ 15 à 30 € par mois chez les acteurs sérieux du marché) donne souvent un gain plus net que trois semaines d'optimisation front-end.

Deux vérifications rapides côté serveur, dans votre panneau d'hébergement : la version de PHP (restez sur une version encore maintenue, les anciennes sont plus lentes et plus vulnérables) et l'activation de la compression Gzip ou Brotli. Ces deux réglages sont gratuits et prennent cinq minutes.

Et si votre audience est répartie sur plusieurs pays, ajoutez un CDN. La version gratuite de Cloudflare suffit largement pour commencer.

Le cache : le meilleur ratio effort/gain

Par défaut, WordPress reconstruit chaque page à chaque visite : il interroge la base de données, assemble le thème, exécute les plugins. Le cache enregistre le résultat en HTML et le sert tel quel. C'est bête comme chou et ça change tout.

Un seul plugin de cache, jamais deux. WP Rocket si vous acceptez de payer, LiteSpeed Cache si votre hébergeur tourne sous LiteSpeed (c'est gratuit et redoutable), WP Super Cache ou W3 Total Cache sinon. Activez le cache des pages, testez le site en navigation privée, vérifiez que votre formulaire de contact et votre panier fonctionnent encore. Beaucoup d'hébergeurs proposent aussi leur propre cache serveur : dans ce cas, ne doublonnez pas.

Les images : le poids mort numéro un

Sur la plupart des sites que j'audite, les images représentent l'essentiel du poids de la page. Une photo sortie d'un smartphone fait plusieurs mégaoctets et 4000 pixels de large, affichée dans un bloc de 800 pixels. Vous faites télécharger cinq fois trop de données à vos visiteurs pour rien.

Trois gestes, dans l'ordre :

• Redimensionner avant l'upload. Si votre contenu s'affiche sur 800 px, une image de 1600 px suffit largement (le double, pour les écrans haute densité).
• Convertir en WebP. Le format est supporté par tous les navigateurs actuels et divise le poids sans différence visible. Des extensions comme ShortPixel, Imagify ou Smush le font en masse sur votre médiathèque existante.
• Charger en différé les images sous la ligne de flottaison. WordPress ajoute l'attribut loading="lazy" tout seul depuis plusieurs versions, mais vérifiez que votre thème ne le désactive pas.

Une exception importante : ne mettez jamais votre image principale en lazy load. Elle est visible immédiatement, la différer retarde mécaniquement votre LCP. C'est une erreur qu'on retrouve dans beaucoup de configurations automatiques.

Faire le tri dans les extensions

Chaque plugin actif charge son CSS, son JavaScript et ses requêtes, souvent sur toutes les pages du site, même celles qui n'en ont aucun usage. Le formulaire de contact charge ses scripts sur vos 200 articles. Le slider de la page d'accueil aussi.

Listez vos extensions actives et posez-vous une question par ligne : est-ce que ça m'a servi ce mois-ci ? Tout ce qui répond non se désactive et se supprime (désactiver ne suffit pas, ça reste sur le serveur). Pour les autres, une extension comme Asset CleanUp ou Perfmatters permet de couper le chargement d'un plugin sur les pages qui n'en ont pas besoin.

Le thème mérite le même examen. Les thèmes multifonctions vendus sur les places de marché embarquent des constructeurs de pages et des dizaines de fonctionnalités que vous n'utiliserez jamais. Si vous démarrez, un thème léger comme GeneratePress, Kadence ou Astra vous évitera de courir après des millisecondes pendant deux ans.

CSS, JavaScript et polices : le réglage fin

On arrive à la partie où les gens commencent, et qui devrait venir en dernier. Les gains sont réels mais plus petits, et le risque de casser l'affichage est bien plus élevé.

Activez la minification du CSS et du JS depuis votre plugin de cache, page par page, en vérifiant le rendu après chaque changement. Différez le JavaScript non critique. Pour les polices, hébergez-les localement plutôt que de les appeler chez Google Fonts (c'est meilleur pour la vitesse, et plus confortable côté RGPD), et ajoutez font-display: swap pour que le texte reste lisible pendant le chargement.

Si un réglage casse quelque chose, désactivez-le et passez au suivant. On ne sacrifie pas un site qui marche pour trois points de score. La documentation de web.dev, publiée par Google, détaille bien ce qui pèse réellement sur le LCP si vous voulez creuser.

L'ordre d'attaque, résumé

Si vous ne deviez retenir qu'une chose, c'est la séquence. Elle va du plus rentable au plus cosmétique :

1. Mesurer et noter les scores de départ.
2. Vérifier l'hébergement, la version de PHP, la compression.
3. Installer un seul plugin de cache et le tester.
4. Compresser et convertir toutes les images.
5. Supprimer les extensions inutiles.
6. Minifier CSS/JS et héberger les polices.
7. Re-mesurer et comparer aux captures du départ.

Comptez une demi-journée pour les cinq premiers points, et attendez-vous à ce que l'essentiel du gain vienne des étapes 2 à 4. La vitesse n'est qu'un signal parmi d'autres, cela dit : un site rapide avec du contenu faible ne se positionne pas. Elle compte surtout quand le reste est déjà propre, et je l'ai classée parmi les fautes de référencement à ne pas commettre pour cette raison. Pour l'outillage de mesure au-delà de PageSpeed, j'ai comparé les outils SEO les plus solides du moment, gratuits comme payants.