À propos
Découvrez mon parcours
Quelles sont mes valeurs ?
Bienveillance et authenticité
C'est la base de toute relation sociale, qu'elle soit professionnelle, personnelle ou commerciale. Je m'efforce d'être la plus transparente et bienveillante possible dans mon discours et mes échanges avec chacun.
Tolérance
Je ne suis pas spécialement convaincue par la pureté militante. Je trouve la sensibilisation et l'éducation plus efficaces pour opérer des changements progressifs positifs.
Par exemple, je vis avec des personnes non-végétariennes et je ne suis pas irréprochable non plus sur toutes mes habitudes de consommation. Alors il serait malvenu de ma part de donner des leçons. Mais j'essaie de changer certaines de nos habitudes progressivement.
Faire sa part
Comme dans la légende du colibri, je crois à l'idée que si chacun fait ce qu'il peut à son niveau, la somme de ces petites actions peut avoir un impact plus important sur le monde. Ma part à moi se traduit par le végétarisme, le respect de toute vie animale ou végétale, la promotion d'un numérique plus durable et le soutien aux acteurs engagés pour un monde meilleur.
Bien entendu, tout cela ne m’empêche pas de me sentir parfois très en colère, dépassée, voire désespérée par le monde dans lequel on vit quand je vois à quel point certains préfèrent privilégier le profit ou le divertissement personnel au détriment d’un monde vivable et décent pour tous. On n’a qu’une planète et elle est merveilleuse. Préservons-la !
Mes engagements pour un numérique plus responsable
Un web durable plus accessible
Agir pour un monde plus durable nous concerne tous. Je souhaite rendre la conception web responsable accessible à tous avec des prix équitables et une approche simple.
Garder mes appareils plusieurs années
Je ne change pas mon téléphone, ma tablette, ou mon ordinateur avant d'avoir atteint les limites de leurs capacités. Ensuite, soit je les donne, soit je les recycle.
Des partenaires éthiques et écologiques
Que ce soit pour des collaborations ou dans le choix de mes fournisseurs de services, je les sélectionne autant que possible en fonction de leurs valeurs et engagements éco-responsables.
Les principes d' éco-conception avec WordPress
La base de tout site éco-conçu, c’est l’hébergeur chez lequel il sera installé car ce sont avant tout ces infrastructures qui émettent le plus de CO2. Celui-ci doit fonctionner grâce à des énergies renouvelables, et le mieux est qu’il intègre de manière globale d’autres bonnes pratiques : installations nécessitant moins de ressources énergétiques, un système de climatisation optimisé, valorisation de la chaleur produite, recyclage du matériel en fin de vie, sensibilisation et encouragement des équipes aux petites actions éco-responsables quotidiennes…
o2switch est un hébergeur 100% français, plus précisément auvergnat, implanté à Clermont-Ferrand, juste à côté de chez moi. Sa situation locale à faible distance permet de réduire d’autant les ressources nécessaires à l’échange de données entre leurs serveurs et les sites web utilisés dans un environnement proche. Qui plus est, un hébergeur implanté en France permet d’être en conformité avec le RGPD. C’est tout bénef’ !
Ils ont une démarche green globale, offrent un service d’hébergement performant et un support client au top. C’est donc un choix naturel et évident pour moi pour tous les sites que je conçois.
Sinon, vous avez Infomaniak, implanté en Suisse, et PlanetHoster, implanté au Canada avec des serveurs en France, qui sont aussi très bien et éco-responsables.
Le thème de votre site WordPress est ce qui permettra de personnaliser les réglages graphiques globaux, notamment. Ils peuvent parfois être lourds, embarquant de nombreuses fonctionnalités dont on ne se servira pas forcément. L’idéal est de choisir un thème polyvalent, simple et performant.
Pour l’éco-conception, les thèmes légers qui reviennent régulièrement sont GeneratePress et Hello Elementor. Très minimalistes, ils sont en effet adaptés aux bonnes pratiques. Néanmoins, Astra n’est pas en reste : populaire, très polyvalent et complet, il n’en est pas moins très performant. Et c’est celui que j’ai choisi d’utiliser pour différentes raisons :
- Combiné à Elementor, ces outils sont faciles à prendre en main et rendent votre site hautement personnalisable. Vous pourrez rapidement le comprendre, l’utiliser et le modifier si nécessaire.
- Evolutif et compatible avec la majorité des fonctionnalités et extensions que vous pourriez installer sur votre site internet, aujourd’hui ou dans le futur, il permettra de ne pas être limité et de ne pas avoir à changer de thème avec l’évolution de votre site web, même si vous souhaitez mettre en place une boutique en ligne.
Au moment de préparer la conception de votre site web, il sera important de hiérarchiser et sélectionner les fonctionnalités et extensions essentielles et indispensables en fonction du réel besoin afin de ne pas l’alourdir inutilement. Ce qui ne l’est pas pourra attendre de le devenir, ou sera simplement mis de côté.
Plusieurs avantages :
- Votre site sera plus léger et donc plus performant.
- Cela impactera positivement votre référencement : les moteurs de recherche aiment les sites performants et les mettent plus en avant que les sites lourds et mal optimisés.
- Amélioration de l’expérience utilisateur : pas de superflu, les infos et éléments importants sont mis en valeur et facilement accessibles.
- Moins d’extensions installées sur votre site signifie moins de portes d’entrée aux virus en limitant les potentielles failles de sécurité.
Ce critère répond à des normes d’accessibilités, mais il sert également votre expérience utilisateur et permet de simplifier et alléger votre site internet. De manière générale, une page, un article, ou une information, doit être accessible en 3 clics maximum.
Parmi ce qui alourdit le plus un site web, il y a les médias (images, vidéos…). Il faudra réfléchir à la réelle nécessité d’ajouter des photos ou vidéos partout dans le site. Par exemple : un photographe ou un vidéaste pourra difficilement s’en passer, tandis que ce sera bien moins pertinent et utile pour un avocat. On préfèrera mettre en place un design basé sur le texte stylisé, des icônes ou encore des illustrations optimisées, sans en abuser non plus.
On évite aussi au maximum les animations si elles ne sont pas nécessaires : moins de ressources consommées, une meilleure expérience utilisateur avec moins de « bruit » visuel, et un site plus « accessibilité friendly ».
Les images sont sélectionnées ? Passons à leur optimisation ! Nous parlons ici de leur compression, de leur conversion sous un format plus léger, et de leur redimensionnement à la taille nécessaire (inutile d’avoir une image de 2000px pour un affichage de petite taille). Pour cela, j’utilise l’outil en ligne Squoosh qui permet de redimensionner, compresser et convertir un fichier en une seule manipulation. Les formats WebP et AVIF, recommandés en éco-conception, sont également disponibles.
Pour les illustrations vectorielles, le format svg est également une très bonne option. Qui plus est, l’avantage de ce format est que l’illustration ne perdra pas en qualité, quelle que soit sa taille d’affichage.
La vidéo consomme énormément de ressources et génère donc beaucoup de CO2 à chaque visionnage en plus d’alourdir considérablement votre page web. Elle est souvent non-indispensable, donc si on peut trouver une autre manière de faire moins gourmande en énergie, autant la privilégier ! Ex : format gif, illustrations, hébergement sur YouTube si la vidéo est vraiment nécessaire…
L’intégration de modules tels que les publications de réseaux sociaux, Google Maps, Calendly, etc… font appel à des ressources externes qui consomment de l’énergie (ce que l’on appelle des requêtes serveurs) et envoient potentiellement des données vers des serveurs hors-UE pour les afficher sur votre site internet. Vous serez plus en conformité avec le RGPD et réduirez le poids de vos pages web en intégrant des liens simples ou avec captures écran vers ces outils. De cette manière, seules les personnes vraiment intéressées se rendront dessus.
Pour les typographies, l’idéal est d’utiliser les polices standards (déjà pré-installées sur tous les périphériques) qui demanderont moins de ressources à télécharger. Mais pour plus de personnalisation, on pourra importer dans les fichiers du site les polices à utiliser. L’avantage, en plus de ne pas solliciter d’allers-retours nécessitant du temps et de l’énergie vers les serveurs de Google pour les Google Fonts, c’est que vous serez plus en conformité avec le RGPD. On en utilisera maximum 2 à 3, pour limiter leur poids et ne pas s’éparpiller au niveau du design.
Le lazyload permet de ne charger un contenu qu’à partir du moment où il apparait sur l’écran. Par exemple, une image en bas d’une page web ne s’affichera que si l’internaute descend jusqu’à elle. De cette manière, les pages web s’affichent plus rapidement, elles consomment moins de ressources, et ce qui n’est pas vu n’aura pas été chargé inutilement.
La mise en cache consiste à stocker des éléments d’un site web sur le navigateur de l’utilisateur. Cela permet d’accélérer le chargement du site lors de visites ultérieures en évitant de recharger ces éléments depuis le serveur. Cette pratique économise de l’énergie et améliore l’expérience utilisateur grâce à des temps de chargement plus rapides.
La minification du code d’un site web implique d’éliminer les caractères inutiles. Cette pratique réduit automatiquement la taille du fichier source, ce qui améliore le temps de chargement et les performances du site.
Evidemment, même en mettant en place toutes ces bonnes pratiques, mieux vaut vérifier les résultats, s’assurer de n’avoir rien oublier, voire aller encore plus loin en fonction des recommandations faites par les outils d’audit.
Il y en existe plusieurs pour tester les performances, l’accessibilité, la conformité aux règles d’éco-conception, l’optimisation SEO, etc… En voici quelques-uns :
Un site web, qu’il soit éco-conçu ou non, nécessite d’être entretenu et maintenu en bonne santé. C’est ce que l’on appelle la maintenance d’un site internet. Mais elle est d’autant plus importante si l’on souhaite optimiser son éco-conception dans le temps et améliorer toujours plus son empreinte carbone en restant en veille sur les bonnes pratiques.
Se construire un avenir durable et vivable est l’affaire de tous, l’éco-conception numérique n’est pas juste une tendance de passage et ne doit encore moins être un argument commercial. C’est une nécessité. Il est important que chacun des acteurs du web s’implique dans cette démarche.
Et pour que la transition prenne de l’ampleur et devienne une normalité, le mieux reste encore d’en parler, de sensibiliser, d’expliquer l’impact carbone du numérique. Alors à mon niveau, je porterai cette voix-là en me joignant au mouvement déjà en place qui ne cesse ne grandir.
Vous en voulez encore ? Quelques faits intéressants (ou pas) sur moi
- Ozalee, ça veut dire quoi ? C'est un prénom originaire des Premières Nations d'Amérique souvent interprété comme "soleil levant", "joie du matin" ou "l'aube qui apporte la paix". Il évoque l'idée de renouveau et de gratitude envers les merveilles de la nature. Le colibri est aussi associé au soleil qui se lève et est un symbole de renaissance apportant la lumière à chaque nouveau jour.
- J'ai 3 chats ! Mon couple de vieux loulous qui m'accompagnent partout depuis mon 1er chez moi, je n'imagine pas ma vie sans eux. Et la petite dernière que l'on a sortie de la rue et qui nous comble de mignonnerie au quotidien.
- Je veille à utiliser des cosmétiques vegan et non-testés sur animaux le plus possible, et je n'achète pas de vêtements issus de l'exploitation animale donc pas de cuir, ni de fourrure.
-
Mon p'tit déj', c'est sacré.
J'adore manger des bonnes choses, mais j'aime encore plus quand c'est pas moi qui les ai préparées !
Avec Monsieur, on attend Top Chef chaque année avec impatience pour saliver devant la beauté des plats cuisinés et on bave encore plus à l'idée de refaire une tournée des grands pâtissiers...!