Optimiser la vitesse de son site WordPress

La vitesse de votre site n'est pas un détail technique réservé aux geeks. Depuis 2021, Google utilise les Core Web Vitals comme facteur de classement. Un LCP (Largest Contentful Paint) supérieur à 2,5 secondes vous pénalise directement dans les résultats de recherche. Côté utilisateurs, les chiffres sont brutaux : 53 % des visiteurs mobiles quittent un site qui met plus de 3 secondes à charger. Amazon a calculé que 100 millisecondes de latence en plus leur coûtait 1 % de chiffre d'affaires. Pour un site e-commerce qui fait 10 000 euros par mois, passer de 3 secondes à 1,5 seconde de chargement peut représenter plusieurs centaines d'euros de ventes supplémentaires. Le taux de rebond diminue, le temps passé sur le site augmente, et le taux de conversion s'améliore. Bref, chaque milliseconde compte. Et la bonne nouvelle, c'est que les optimisations les plus efficaces ne sont pas les plus compliquées.

Vous pouvez installer tous les plugins de cache du monde : si votre serveur est lent, votre site sera lent. L'hébergement est le fondement de la performance. Un serveur mutualisé premier prix avec Apache et des disques HDD, c'est un boulet. Ce que vous voulez : un serveur avec des disques SSD NVMe (5 à 10 fois plus rapides que les SSD classiques), un serveur web LiteSpeed ou Nginx (plus rapide qu'Apache pour WordPress), et suffisamment de RAM et de CPU pour ne pas être ralenti par vos voisins. Kinsta utilise les serveurs Google Cloud Platform avec des conteneurs isolés : chaque site a ses propres ressources. Le TTFB moyen est de 150 ms, c'est excellent. SiteGround propose des serveurs avec cache serveur intégré (SuperCacher) et du HTTP/3. Cloudways vous laisse choisir entre DigitalOcean, Vultr et AWS, avec un cache Varnish préconfigurer. Et même en mutualisé, o2switch sur LiteSpeed donne de très bons résultats pour WordPress.

Le cache, c'est l'optimisation numéro un pour WordPress. Sans cache, WordPress exécute des dizaines de requêtes PHP et SQL à chaque visite pour construire la page. Avec le cache, la page est construite une fois puis servie en HTML statique. Résultat : le temps de chargement passe de 2-3 secondes à 200-500 ms. WP Rocket est le plugin de cache le plus populaire (49 dollars/an pour un site). Il gère le cache de page, la minification CSS/JS, le lazy loading et la préconnexion aux domaines tiers. Pour une alternative gratuite, WP Super Cache ou W3 Total Cache font le travail. Si votre hébergeur utilise LiteSpeed (o2switch, Hostinger), installez LiteSpeed Cache : c'est gratuit, natif, et redoutablement efficace. Côté serveur, les meilleurs hébergeurs proposent du cache OPcache pour PHP, du cache objet avec Redis ou Memcached, et du cache Varnish en reverse proxy. Kinsta et Cloudways intègrent tout ça nativement. Activez aussi le cache navigateur pour que les ressources statiques soient stockées localement chez vos visiteurs.

Les images représentent en moyenne 50 à 70 % du poids d'une page web. C'est le levier d'optimisation le plus impactant après le cache. Première règle : ne jamais uploader une image de 4 000 pixels de large pour l'afficher en 800 pixels. Redimensionnez vos images aux dimensions réelles d'affichage avant de les uploader. Deuxième règle : compressez vos images. ShortPixel (plugin WordPress) compresse automatiquement chaque image uploadée avec une perte de qualité imperceptible. Le plan gratuit traite 100 images par mois, le plan payant démarre à 3,99 dollars pour 5 000 images. Imagify de WP Rocket est une bonne alternative. Troisième règle : utilisez le format WebP. C'est le format d'image recommandé par Google, 25 à 35 % plus léger que le JPEG à qualité équivalente. ShortPixel et Imagify convertissent automatiquement en WebP. Quatrième règle : activez le lazy loading pour que les images sous la ligne de flottaison ne se chargent qu'au scroll. WordPress l'intègre nativement depuis la version 5.5.

Un site WordPress avec 10 plugins charge facilement 15 à 20 fichiers CSS et JavaScript. Chaque fichier, c'est une requête HTTP supplémentaire et du poids en plus. La minification supprime les espaces, commentaires et caractères inutiles dans le code. Ça réduit la taille des fichiers de 10 à 30 %. WP Rocket le fait automatiquement en cochant deux cases. La concaténation combine plusieurs fichiers en un seul pour réduire le nombre de requêtes. Attention cependant : avec HTTP/2, la concaténation est moins utile car le protocole gère nativement le chargement parallèle de multiples fichiers. Le vrai gain vient du chargement différé. La plupart des scripts n'ont pas besoin de se charger immédiatement. Avec WP Rocket, vous pouvez différer le JavaScript non critique et retarder son exécution jusqu'à l'interaction utilisateur. Identifiez aussi les plugins qui chargent leurs CSS et JS sur toutes les pages alors qu'ils ne sont utilisés que sur certaines. Asset CleanUp ou Perfmatters permettent de désactiver ces ressources page par page.

Un CDN (Content Delivery Network) copie les fichiers statiques de votre site (images, CSS, JS) sur des serveurs répartis dans le monde entier. Quand un visiteur charge votre site, il reçoit les fichiers depuis le serveur le plus proche de lui. Si votre audience est internationale, un CDN est indispensable. Si votre audience est exclusivement française et que votre serveur est en France, le gain est marginal, entre 10 et 50 ms. Cloudflare propose un CDN gratuit qui fonctionne très bien. Vous changez vos DNS pour passer par Cloudflare, et c'est activé. En bonus, vous obtenez une protection DDoS et un pare-feu applicatif. Le plan gratuit suffit pour la majorité des sites. Bunny CDN est une alternative payante très performante à 0,01 dollar par Go de bande passante, avec des points de présence en France. Pour un site WordPress français avec un hébergeur français, Cloudflare en mode gratuit est le meilleur compromis. Activez-le, configurez les règles de cache, et vous gagnerez quelques dixièmes de seconde.

On n'améliore que ce qu'on mesure. Utilisez ces outils pour diagnostiquer et suivre la vitesse de votre site. Google PageSpeed Insights est le premier réflexe : il analyse votre site et vous donne un score sur 100 avec des recommandations concrètes. Visez un score supérieur à 80 sur mobile. GTmetrix est plus détaillé : il montre un graphique en cascade (waterfall) de chaque requête, vous permettant d'identifier exactement ce qui ralentit votre page. Utilisez le serveur de test de Londres pour des résultats représentatifs de l'Europe. WebPageTest permet de tester depuis plusieurs localisations et navigateurs, avec un mode filmstrip qui montre visuellement le chargement de votre page seconde par seconde. Pour le monitoring continu, Google Search Console affiche les Core Web Vitals de votre site en conditions réelles (données de vrais visiteurs Chrome). Testez aussi sur votre propre téléphone en 4G : les scores d'outils sur fibre ne reflètent pas l'expérience de vos visiteurs mobiles. Programmez un test mensuel pour suivre l'évolution de vos performances.