Pourquoi optimiser les performances ?
Les performances d'un site web ont un impact direct sur :
- L'expérience utilisateur : 53% des visiteurs quittent un site qui met plus de 3 secondes à charger
- Le référencement : Google intègre la vitesse de chargement dans son algorithme (Core Web Vitals)
- Le taux de conversion : un site rapide convertit mieux les visiteurs en clients
Un site WordPress non optimisé peut être lent même avec un bon hébergement. Ces optimisations s'appliquent progressivement, mesurez les gains à chaque étape.
Mesurer les performances avant d'optimiser
Avant tout, établissez une base de référence :
- Google PageSpeed Insights : pagespeed.web.dev — score et recommandations spécifiques
- GTmetrix : gtmetrix.com — analyse détaillée des ressources
- WebPageTest : webpagetest.org — tests depuis différentes localisations
Visez un score PageSpeed supérieur à 80 sur mobile et 90 sur desktop.
1. Activer le cache avec un plugin
Le cache génère des versions statiques de vos pages, évitant d'exécuter PHP et des requêtes MySQL pour chaque visiteur.
WP Super Cache (gratuit et simple)
Installer WP Super Cache
Dans WordPress → Extensions → Ajouter, cherchez WP Super Cache et installez-le. Activez-le.
Activer le cache
Allez dans Réglages → WP Super Cache. Sélectionnez Activé et cliquez sur Mettre à jour le statut.
Configurer les options avancées
Dans l'onglet Avancé, activez :
- Activer la compression (Gzip)
- Expirations du cache : définissez une durée de 3600 secondes (1 heure)
- 304 Browser caching : permet aux navigateurs de mettre en cache les pages
LiteSpeed Cache (recommandé sur serveurs LiteSpeed)
Si votre serveur Gaprod utilise LiteSpeed Web Server, installez LiteSpeed Cache pour des performances optimales. Ce plugin bénéficie d'une intégration native avec le serveur pour des résultats supérieurs à WP Super Cache.
2. Optimiser les images
Les images représentent souvent 60 à 80% du poids d'une page web. Leur optimisation est l'une des actions les plus efficaces.
Compression automatique avec Smush ou ShortPixel
Installer un plugin d'optimisation d'images
Installez Smush (gratuit) ou ShortPixel (freemium) depuis le dépôt d'extensions WordPress.
Configurer la compression
Dans les réglages du plugin :
- Activez la compression automatique des images à l'upload
- Choisissez entre compression sans perte (qualité maximale) et avec perte (plus petite taille)
- Activez la conversion WebP : ce format moderne est 25 à 35% plus léger que JPEG à qualité équivalente
Optimiser les images existantes
Utilisez la fonction de compression en masse pour optimiser toutes les images déjà présentes dans votre médiathèque.
Bonnes pratiques pour les images
- Redimensionnez les images avant de les téléverser (n'uploadez pas une image de 5000px pour l'afficher à 800px)
- Utilisez le format WebP pour les photos et SVG pour les icônes et logos
- Définissez toujours l'attribut
altpour l'accessibilité et le SEO - Utilisez le lazy loading (chargement différé) : activé par défaut dans WordPress 5.5+
3. Minifier CSS, JavaScript et HTML
La minification supprime les espaces, commentaires et caractères inutiles des fichiers CSS et JS, réduisant leur taille de 20 à 40%.
Avec WP Rocket (premium, recommandé)
WP Rocket est la référence des plugins de performance WordPress, combinant cache, minification, lazy loading et bien plus dans une interface simple.
Avec Autoptimize (gratuit)
Installer Autoptimize
Installez et activez Autoptimize depuis le dépôt d'extensions.
Configurer la minification
Dans Réglages → Autoptimize, activez :
- Optimiser le JavaScript avec "Agréger les scripts JS"
- Optimiser le CSS avec "Agréger les fichiers CSS"
- Optimiser le HTML
Cliquez sur Enregistrer les modifications et vider le cache.
Tester après la minification
La minification peut parfois casser des fonctionnalités si des scripts ont des dépendances mal définies. Testez toutes les pages et fonctionnalités importantes après activation.
4. Activer la mise en cache du navigateur
La mise en cache navigateur indique aux visiteurs de conserver les ressources statiques (images, CSS, JS) en local pendant une durée définie, évitant de les re-télécharger à chaque visite.
Ajoutez ces lignes dans votre fichier .htaccess (avant # BEGIN WordPress) :
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType text/html "access plus 1 hour"
</IfModule>
5. Utiliser un CDN
Un CDN (Content Delivery Network) distribue vos ressources statiques depuis des serveurs proches géographiquement de vos visiteurs. Cloudflare propose une offre gratuite très efficace.
Créer un compte Cloudflare
Rendez-vous sur cloudflare.com et créez un compte gratuit. Ajoutez votre domaine.
Modifier les serveurs DNS
Cloudflare vous fournira de nouveaux serveurs de noms à configurer chez votre registrar. Une fois activé, Cloudflare sert votre contenu depuis son réseau mondial.
Configurer Cloudflare dans WordPress
Installez le plugin Cloudflare ou CF7 pour synchroniser les purges de cache WordPress avec Cloudflare.
6. Optimiser la base de données
Avec le temps, la base de données WordPress s'alourdit de révisions d'articles, de données de formulaires et de tables orphelines.
Installez WP-Optimize pour :
- Supprimer les révisions d'articles excessives
- Nettoyer les données d'auto-sauvegarde
- Supprimer les commentaires spam
- Optimiser les tables de la base de données
Étapes suivantes
- Vérifier le score PageSpeed après chaque optimisation
- Sécuriser votre installation WordPress
- Configurer les sauvegardes automatiques