Votre hébergement WordPress affiche un bilan carbone équivalent à 100 kg de CO₂ par an ? Vous n’êtes pas seul. Un site web moyen consomme autant d’énergie qu’un réfrigérateur allumé en continu. La bonne nouvelle ? Avec les bons plugins et quelques réglages ciblés, vous pouvez réduire cet impact de 30 à 70 % sans sacrifier les performances. Voici comment faire, étape par étape, avec des outils testés sur des centaines de sites.
Pré-requis et vision d’ensemble : ce qu’il vous faut avant de commencer
Avant d’installer quoi que ce soit, voici ce dont vous aurez besoin :
| Élément | Version minimale | Temps estimé | Niveau technique |
|---|---|---|---|
| WordPress | 6.0 ou supérieure | — | — |
| Accès admin | — | — | Débutant |
| Plugin Health Check (pour les tests) | 1.4.5 | 5 min | Intermédiaire |
| Outils de mesure (ex: Website Carbon) | — | 10 min | Débutant |
À savoir : Certains plugins écologiques peuvent entrer en conflit avec des solutions de cache agressives (comme WP Rocket en mode »optimisé »). Nous verrons comment les configurer ensemble.
Tutoriel pas-à-pas : 5 étapes pour un WordPress éco-responsable
Étape 1 : Mesurer l’empreinte actuelle de votre site
Objectif : Obtenir un diagnostic précis avant toute modification, pour comparer les résultats après optimisation.
- Utilisez Website Carbon :
- Rendez-vous sur websitecarbon.com.
- Entrez l’URL de votre site (ex: https://votresite.com).
- Notez les 3 métriques clés :
- CO₂ par visite (en grammes).
- Énergie consommée (en kWh/an).
- Classement (A à F).
- Vérifiez la taille des pages :
- Ouvrez Chrome, faites Ctrl+Maj+I (Inspecter).
- Allez dans l’onglet Network, actualisez la page.
- Repérez la ligne Doc () et notez sa taille en Ko/Mo.
- Testez la vitesse :
- Passez votre site sur PageSpeed Insights.
- Notez le score »Performance » (mobile et desktop).
Comment vérifier le résultat : Vous devriez avoir 3 chiffres de référence (CO₂, taille , score vitesse). Exemple réaliste avant optimisation :
- CO₂ : 1,2 g par visite (classement D).
- Taille : 2,1 Mo.
- Score mobile : 45/100.
Erreurs fréquentes :
- Oublier de tester plusieurs pages : La page d’accueil n’est pas toujours la plus gourmande. Testez aussi un article et une page produit.
- Ignorer le cache : Désactivez-le temporairement (via votre plugin de cache) pour des mesures précises.
- Confondre poids et requêtes : Un site peut être léger mais faire 100 requêtes HTTP (ex: avec des trackers). Utilisez l’onglet Network de Chrome pour compter les requêtes.
Étape 2 : Optimiser les médias avec ShortPixel Adaptive Images ou Imagify
Objectif : Réduire le poids des images de 50 à 80 % sans perte visible de qualité, et servir des formats modernes (WebP/AVIF).
- Installez et activez ShortPixel :
- Allez dans Extensions > Ajouter.
- Recherchez ShortPixel Image Optimizer (version 5.3 ou +).
- Cliquez sur Installer, puis Activer.
- Configurez les réglages avancés :
- Allez dans Réglages > ShortPixel.
- Dans l’onglet Avancé :
- Cochez Créer des images WebP.
- Cochez Créer des images AVIF (si votre hébergeur supporte AVIF).
- Choisissez Compression Glossy (meilleur compromis qualité/poids).
- Activez Redimensionner les grandes images (max 1920px pour la plupart des sites).
- Sauvegardez.
- Optimisez les images existantes :
- Dans le tableau de bord ShortPixel, cliquez sur Optimiser tout.
- Attendez la fin du traitement (peut prendre plusieurs heures pour 1 000+ images).
- Activez le chargement différé (lazy load) :
- Dans Réglages > ShortPixel, onglet Lazy Load.
- Cochez Activer le lazy load pour les images et iframes.
- Excluez la première image de l’article (pour le LCP) en ajoutant data-src manuellement au si besoin.
Alternative pour les budgets serrés : Imagify (gratuit jusqu’à 20 Mo/mois) avec des réglages similaires. Choisissez le mode Agressif pour les miniatures et Normal pour les images principales.
Comment vérifier le résultat :
- Rechargez une page avec des images.
- Ouvrez l’inspecteur Chrome (Ctrl+Maj+I), onglet Network.
- Filtrez par Img : les images doivent maintenant avoir l’extension .webp ou .avif.
- Vérifiez que leur taille est inférieure à 100 Ko (pour une image 1200px de large).
Erreurs fréquentes :
- Ne pas exclure les logos : Les logos en PNG (transparence) ne doivent pas être convertis en WebP. Excluez-les dans les réglages ShortPixel.
- Oublier les images en arrière-plan CSS : ShortPixel ne les optimise pas. Utilisez Squoosh pour les compresser manuellement.
- Lazy load sur les images critiques : La première image visible (au-dessus de la ligne de flottaison) ne doit pas être en lazy load. Utilisez le hook wp_lazy_loading_enabled pour l’exclure.
Étape 3 : Limiter les requêtes HTTP avec Asset CleanUp ou Perfmatters
Objectif : Désactiver les scripts et feuilles de style inutiles (ex: emojis WordPress, CSS de plugins désactivés) pour réduire le nombre de requêtes et le poids total.
- Installez Asset CleanUp :
- Cherchez Asset CleanUp: Page Speed Booster (version 1.3.0.0 ou +).
- Activez-le.
- Analysez les assets chargés :
- Allez dans Asset CleanUp > CSS & JS Manager.
- Sélectionnez une page à optimiser (ex: la page d’accueil).
- Cliquez sur Analyser la page.
- Repérez les fichiers marqués Non utilisés (en rouge).
- Désactivez les scripts inutiles :
- Pour chaque fichier non utilisé :
- Cochez Ne pas charger.
- Ou choisissez Désactiver sur cette page si le script est utile ailleurs.
- Exemples courants à désactiver :
- wp-emoji-release.min.js (emojis WordPress).
- wp-embed.min.js (si vous n’utilisez pas les embeds).
- Les CSS de plugins comme contact-form-7 sur les pages sans formulaire.
- Pour chaque fichier non utilisé :
- Optimisez la livraison des assets :
- Dans Réglages > Asset CleanUp :
- Activez Combiner les fichiers CSS.
- Activez Minifier le (sauf si vous utilisez déjà Autoptimize).
- Désactivez jQuery Migrate si votre thème le permet (testez après !).
- Dans Réglages > Asset CleanUp :
Alternative pour les sites complexes : Perfmatters (payant, mais plus précis pour les sites WooCommerce ou multilingues). Utilisez son outil Script Manager pour désactiver les scripts par type de contenu (ex: désactiver WooCommerce sur les articles de blog).
Comment vérifier le résultat :
- Rechargez la page et ouvrez l’onglet Network de Chrome.
- Comptez le nombre de requêtes (doit passer de 50+ à 20–30).
- Vérifiez que le poids total est inférieur à 1 Mo (pour une page standard).
- Testez les fonctionnalités critiques (formulaires, panier, etc.) pour détecter les ruptures.
Erreurs fréquentes :
- Désactiver jQuery trop tôt : Certains thèmes (ex: Divi, Avada) en dépendent. Testez toujours après désactivation.
- Combiner tous les CSS : Cela peut casser le rendu. Commencez par combiner seulement les fichiers du même plugin.
- Oublier les pages dynamiques : Une désactivation sur la page d’accueil peut ne pas s’appliquer aux pages produits. Utilisez les règles conditionnelles d’Asset CleanUp.
Étape 4 : Passer à un hébergement vert et optimiser la base de données
Objectif : Réduire l’empreinte serveur en choisissant un hébergeur alimenté par des énergies renouvelables et en nettoyant les données inutiles.
- Migrez vers un hébergeur écologique :
- Options recommandées (testées pour WordPress) :
- Infomaniak (Suisse, 100 % renouvelable, compatible WP CLI).
- GreenGeeks (Canada/USA, 3x compensation carbone).
- Kinsta (Google Cloud Carbon Neutral, mais plus cher).
- Pour migrer :
- Utilisez le plugin All-in-One WP Migration (gratuit pour les sites < 512 Mo).
- Ou demandez une migration gratuite à votre nouvel hébergeur (la plupart le proposent).
- Options recommandées (testées pour WordPress) :
- Nettoyez la base de données :
- Installez WP-Optimize (version 3.2 ou +).
- Allez dans WP-Optimize > Base de données.
- Cochez :
- Révision des articles (conservez les 5 dernières révisions).
- Brouillons automatiques.
- Corbeille (vidage après 30 jours).
- Transients expirés.
- Cliquez sur Exécuter l’optimisation.
- Planifiez un nettoyage automatique :
- Dans WP-Optimize > Réglages :
- Activez Nettoyage automatique (toutes les 2 semaines).
- Cochez Optimiser les tables pour défragmenter la base.
Comment vérifier le résultat :
- Vérifiez l’origine de l’énergie de votre hébergeur sur The Green Web Foundation.
- Dans WP
Étape 5 : Choisir un thème WordPress léger et performant
Objectif : Réduire la consommation de ressources en évitant les thèmes surchargés. Privilégiez des thèmes minimalistes, optimisés pour la vitesse et compatibles avec les bonnes pratiques écologiques.
Options recommandées :
- Astra : Léger, personnalisable et compatible avec les plugins d’optimisation.
- GeneratePress : Code propre, faible empreinte carbone et performances optimisées.
- Neve : Conçu pour la vitesse, avec des options d’optimisation intégrées.
Pour vérifier la compatibilité écologique :
- Testez la vitesse avec PageSpeed Insights (Google).
- Vérifiez l’absence de scripts inutiles dans les outils de développement du navigateur.
Étape 6 : Désactiver les fonctionnalités inutiles
Objectif : Limiter les processus superflus qui consomment des ressources serveur.
Actions clés :
- Désactivez les emojis natifs de WordPress (via Disable Emojis).
- Désactivez l’éditeur Gutenberg si vous n’en avez pas besoin (via Classic Editor).
- Désactivez les requêtes pingbacks et trackbacks (dans Réglages > Discussion).
Pour aller plus loin : Utilisez Perfmatters pour désactiver d’autres fonctionnalités inutiles (embeds, XML-RPC, etc.).
Étape 7 : Optimiser les formulaires et les commentaires
Objectif : Réduire les requêtes liées aux interactions utilisateurs.
Solutions :
- Remplacez les formulaires WordPress par WPForms (léger et optimisé).
- Activez la modération des commentaires pour éviter les spams (via Akismet).
- Désactivez les notifications par e-mail pour chaque nouveau commentaire (dans Réglages > Discussion).
Si vous avez besoin d’aide, contactez un webmaster sérieux qui va vous aider dans vos tâches de site internet. Voici le numéro de téléphone : 09 77 29 09 69
Et n’oubliez pas : une bonne gestion comptable, c’est la clé d’une boutique prospère. Alors, prêt à prendre les commandes de vos finances ? 🚀
Commentaires (1)
Merci pour cet article très instructif ! J'aimerais savoir si vous avez des recommandations spécifiques pour les sites avec beaucoup de contenu multimédia ?
Merci pour cet article très instructif ! J’aimerais savoir si vous avez des recommandations spécifiques pour les sites avec beaucoup de contenu multimédia ?