Un nouveau site : éco-conception

Après avoir longtemps arboré une magnifique page statique ainsi qu'au préalable un gif de licorne (mais ça c'était avant ma prise de conscience écologique et plus inclusive)... j'ai hésité à utiliser WordPress mais finalement...

Épisode 01 des "Feux de l'Amour du Web"

J'adore WordPress, c'est mon CMS de coeur depuis que j'ai arrêté d'utiliser le CMS Joomla en 2009. Je suis tombé amoureuse de sa communauté, sa flexibilité et la possibilité de pouvoir intégrer toutes sortes de design graphique tordu tout en pouvant en administrer le contenu. Et puis... avec le temps il s'est complexifié tout en offrant plus de possibilités nativement avec son éditeur de contenu Gutenberg et sa conception en "block".

Le socle (ou mes infidélités)

Dans la mesure où maintenant je suis dans une démarche d'éco-conception, j'avais envie de quelque chose de plus léger, tout en pouvant administrer mon contenu. Il y a bien le CMS Kirby que j'aime beaucoup (mais payant), Get Simple CMS que j'ai déjà eu l'occasion d'utiliser et en continuant ma quête je suis tombé sur Bludit sur lequel tourne actuellement ce site. Il faut savoir que ce sont des "Flat-File CMS", ce qui signifie que je n'utilise pas de base de données SQL comme WordPress ou Joomla, tout le contenu est sauvé dans des fichiers.

La démarche d'éco-conception

Déjà on commence cette démarche par : est-ce que j'ai besoin d'un site ?
En un sens, je n'en ai pas depuis des années... mais compte tenu de toutes mes activités ces dernières années j'avais envie de partager mes connaissances, mes réalisations voir mes réflexions.

Ensuite je me suis replongé dans le guide d'éco-conception des Designers Éthiques mais dans mon cas je comptais mettre déjà pas mal de choses en pratique comme le choix de ne pas mettre de formulaire de contact par exemple.

Il n'y a donc pas de formulaire mais une adresse mail. Celle-ci est protégée du spam par un petit développement tout simple encodant les caractères, si vous regarder le code source de la page vous comprendrez (attention pas le code affiché dans le panneau de développement hein).

Dans tous les cas, j'ai conçu le site de façon à minimiser le parcours utilisateur.

J'ai essayé de limiter au maximum le chargement de script sur la page. Je suis contre le no-js (le fait de ne pas utiliser de javascript) tout simplement parce qu'on en a besoin en accessibiité.
Pour les typo (voir article précédent).

Pour les images, j'ai ajouté le lazy loading :

<img src="image.jpg" alt="..." loading="lazy" />

et une démarche responsable

parce qu'il ne faut pas oublier l'accessibilité !

J'utilise notamment :

• ce que j'ai appris à ma formation access42
• l'extension pour firefox de Tanaguru (ce qui permet de checker des points importants)
• les conseils de Julie Moynat
• l'extension WCAG color contrast checker

Bon et après faut mesurer tout ça

Pour se faire j'utilise :

• le plugin ecoindex de GreenIT (ce qui me permet de mesurer l'ensemble d'un parcours utilisateur)
• le site de mesure Yellow Lab Tool
• et une analyse Lighthouse