Lors du dernier WordCamp Paris, je suis pour une fois passé de l’autre côté de la caméra !
J’ai animé une conférence sur un sujet qui me touche beaucoup : l’éco-conception de site.
Revoir ma conférence
La conception écologique des sites web est devenue une préoccupation majeure. Durant cette conférence, j’ai souhaité partager des techniques simples pour éco-concevoir un site. De l’optimisation des images à la réduction du nombre de pages, découvrez comment réduire l’empreinte carbone de votre site sans compromettre la qualité ou l’expérience utilisateur.
Choisissez une solution éco-responsable :
Commencez par sélectionner l’outil le plus adapté : pourquoi pas un site vitrine en HTML ?
Si vous utilisez WordPress, il faut choisir des thèmes légers et optimisés pour les performances, ce qui réduira la quantité de ressources nécessaires pour charger votre site. Évitez les thèmes avec de nombreuses fonctionnalités inutiles qui peuvent alourdir votre site et ralentir les temps de chargement.
Optimisez vos images :
Les images peuvent représenter une part importante de la taille totale d’un site web. Réduisez la taille de vos images sans compromettre la qualité en utilisant des outils d’optimisation d’images tels que TinyPNG ou JPEGmini. Utilisez également des formats d’image plus efficaces tels que WebP lorsque cela est possible. Veillez à spécifier des dimensions appropriées pour les images afin d’éviter le chargement d’images plus grandes que nécessaire.
Réduisez le nombre de pages :
Chaque page supplémentaire d’un site web nécessite des ressources supplémentaires pour le chargement. Réfléchissez attentivement à la structure de votre site et regroupez le contenu lorsque cela est possible. Par exemple, plutôt que de créer une page distincte pour chaque produit, envisagez d’utiliser une mise en page dynamique avec des filtres et des catégories pour réduire le nombre de pages nécessaires.
Utilisez des plugins de mise en cache :
Les plugins de mise en cache sont des outils efficaces pour réduire la charge sur votre serveur et améliorer les temps de chargement de votre site. Des plugins populaires tels que WP Super Cache ou W3 Total Cache peuvent créer des versions statiques de vos pages, ce qui permet de les servir plus rapidement aux utilisateurs, réduisant ainsi la consommation de ressources.
Limitez les scripts et les requêtes externes :
Les scripts et les requêtes externes, tels que les intégrations de médias sociaux ou les outils d’analyse tiers, peuvent ralentir considérablement votre site. Limitez leur utilisation au strict nécessaire et supprimez ceux qui ne sont pas essentiels. Réduisez également le nombre de plugins utilisés sur votre site, car chaque plugin ajoute une surcharge de code supplémentaire.
La conception écologique d’un site web est une étape importante pour réduire son impact sur l’environnement. En suivant ces techniques simples, vous pouvez optimiser votre site WordPress et réduire sa consommation de ressources sans compromettre la qualité ou l’expérience utilisateur. Chacun de nous peut contribuer à un web plus durable, et votre site peut être un pas dans la
Les liens par ordre d’apparition à l’écran 😉 :
La vidéo sur l’impact du web de Rémi Corson
https://wordpress.tv/2019/04/18/remi-corson-quel-impact-le-web-a-t-il-sur-la-planete/
Celle de Jean-Baptiste Audras sur les référentiels / méthodologies en entreprise : L’heure de la sobriété (numérique) a sonné !
https://wordpress.tv/2023/02/28/lheure-de-la-sobriete-numerique-a-sonne/
Et enfin Fabrice Ducarme sur sa prise de position en faveur de Gutenberg pour remplacer Gutenberg
https://wordpress.tv/2023/02/28/puis-je-me-passer-delementor-grace-a-gutenberg/
Les 115 bonnes pratiques en éco-conception
https://collectif.greenit.fr/ecoconception-web/115-bonnes-pratiques-eco-conception_web.html
Le thème ASTRA pour créer un site rapidement à partir d’une démo adaptée
https://wpastra.com/
L’extension « Custom Post Type UI » pour créer des nouveaux types de contenu
https://fr.wordpress.org/plugins/custom-post-type-ui/
L’extension « Code Snippet » pour regrouper ses développements et se passer de thème enfant
https://fr.wordpress.org/plugins/code-snippets/
La boutique de thème premium ThemesKingdom pour ses propositions designs adaptées à Gutenberg
https://themeskingdom.com/
Le thème Lemmony pour découvrir Gutenberg et s’entraîner avec un thème optimisé (templates, patterns…)
https://wordpress.org/themes/lemmony/
Le tuto de Maxime BERNARD-JACQUET pour créer ses propres blocs
https://capitainewp.io/formations/acf/blocs-acf-gutenberg/
L’extension Simply Static pour générer un site HTML à partir d’un WordPress
https://fr.wordpress.org/plugins/simply-static/
L’extension « The Plus » pour créer ses propres modèles de type d’affichage de contenu
https://theplusblocks.com/
L’extension « Editorskit » pour créer des mises en page spécifiques pour écran ou mobile
https://fr.wordpress.org/plugins/block-options/
L’extension « Plugin manager » pour n’activer des fonctionnalités que sur des pages sélectionnées et ainsi alléger son site
https://wordpress.org/plugins/wp-plugin-manager/
L’outil de mesure de site « GT Metrix »
https://gtmetrix.com/
Le service gratuit en ligne « I Love Image » pour former ses clients avec un couteau site du traitement d’image afin d’obtenir des photos optimisées pour le web
https://www.iloveimg.com/fr