Leçon 3

Programmer et héberger ses outils numériques

mis à jour le
 16/10/2023

L’utilisation excessive de JavaScript, de CSS, de requêtes, de plugins ou encore de widgets peut affecter négativement la performance de votre site internet ou de votre application mobile, et augmenter considérablement la consommation de ressources, telles que la largeur de bande, le traitement et la mémoire. Quelques bonnes pratiques peuvent permettre de réduire l’impact environnemental de votre outil numérique.

3 idées pour rendre un site web plus durable

En quoi consiste le développement responsable ?

Quand vous voulez développer un site web ou une application, l’une des décisions les plus importantes est le choix du langage de programmation ou l’outil que vous allez utiliser pour le développement.

En voici quelques-uns :

  • CMS : rapide, facile, pas besoin d’optimiser le code mais nécessite des plug-ins et entraîne un usage excessif de la base de données et du serveur.
  • Langage pour le développement sur mesure (PHP, Java…) : très flexible, performant et sécurisé, mais demande plus de temps de développement, entraîne plus de coûts et consomme plus d’énergie.
  • C et Pascal : bien moins gourmands en énergie, utilisation réduite de la mémoire, options plus écologiques.
  • Compressez et réduisez la taille des CSS et JavaScript.
  • Évitez les animations JavaScript/CSS coûteuses et superflues.
  • Harmonisez les classes de CSS sur toutes les pages.
  • Compressez ou minimisez les fichiers (HTML, CSS, JS, SVG).
  • Remplacez les images de l’interface par des feuilles de style en cascade et des pictogrammes CSS.
  • Limitez le nombre de CSS ou les découper.
  • Utilisez les compartimentations CSS et modifiez plusieurs propriétés CSS à la fois.
  • Combinez les fichiers CSS et JavaScript.
  • Évitez les traitements de JavaScript trop longs.
  • Mettez en cache les éléments auxquels on accède constamment dans JavaScript.
  • Écrivez les sélecteurs de classe CSS de manière efficace.
  • Externalisez les CSS et JavaScript.
  • Éliminez les scripts tiers.
  • Utilisez les bibliothèques de JavaScript et de CSS si cela est nécessaire, en utilisant seulement les éléments essentiels.

Le cache est une technique qui permet d’emmagasiner toutes les ressources localement dans le navigateur de l’internaute ou sur un serveur proxy à proximité, ce qui permet aux ressources de se télécharger plus rapidement lors des visites suivantes, et donc de diminuer l’impact environnemental de chaque visite.

Quelques conseils d’utilisation du serveur cache :

  • Mettez en cache les serveurs Ajax.
  • Mettez en cache complètement dans la RAM.
  • Utilisez un cache HTTP.
  • Ajoutez des en-têtes Cache-Control ou Expires.

L’utilisation de plug-ins sur un site web peut consommer énormément de ressources et de mémoire. Il est donc important d’analyser soigneusement les types de plug-ins réellement nécessaires et de considérer des alternatives pouvant produire le même résultat :

  • Remplacez par exemple le plug-in Google Maps, lourd et pas très pratique, par une image de la localisation avec l’adresse exacte et un lien qui redirige vers une carte interactive.
  • Remplacez aussi les plug-ins réseaux sociaux par leur icône ou leur nom, avec un lien redirigeant sur le réseau social en question.
  • Évitez les chatbots, surtout s’ils n’apportent pas de réponses claires et précises aux internautes qui risquent d’être frustré·e·s.

Sur votre site, les internautes veulent bénéficier d’une navigation la plus agréable et efficace possible. D’où l’intérêt d’améliorer son interactivité.

Pour adopter une approche Green UX :

  • Implémentez la pagination web en optant pour une configuration d’interface de déploiement par page, ce qui allège le contenu et empêche l’internaute de se perdre dans trop d’informations.
  • Optimisez le téléchargement des documents sur votre site : compressez les fichiers, écrivez une brève description du contenu et incluez deux versions du document (une version courte et une version complète) en indiquant la taille et le nombre de pages.
  • Optimisez la saisie automatique en limitant la quantité de suggestions et l’utilisation des scripts ainsi qu’en utilisant une liste prédéfinie d’options.

Votre site web ou votre application mobile doit être conçu·e dans l’optique de pouvoir être entretenu·e longtemps. Voici quelques actions simples à mettre en place :

  • Nommez une personne ou une équipe responsable de l’entretien.
  • Révisez périodiquement le contenu pour éliminer tout ce qui n’est plus utile.
  • Comparez l’impact environnemental de votre site ou application et les variations suite aux actions mises en place.
  • Vérifiez au moins une fois par an le fonctionnement de votre outil numérique avec différents types de connexions comme la 2G ou la 3G.
  • Assurez-vous que le logiciel utilisé est actualisé.
  • Vérifiez que votre site ou application continue de protéger les données à caractère personnel.

Pour choisir un hébergeur web, vérifiez qu’il procède à l’exécution de ces différentes actions :

  • L’optimisation de la consommation énergétique des serveurs, par exemple, en limitant l’utilisation de la climatisation pour refroidir les équipements.
  • L’utilisation des énergies renouvelables et l’obtention de certifications environnementales comme Energy Star, LEED, etc.
  • L’engagement pour la dématérialisation, le recyclage des équipements et le travail avec des fournisseurs locaux.
  • Le contrôle complet de la protection et de la sécurité des données sauvegardées.
  • La mise en place d’un code de conduite et l’adoption d’un comportement éthique au cours des opérations.