Moment d’autocongratulation. Moi qui dit ne pas aimer les notes ou la compétition, ça m’agaçait tout de même de ne pas avoir obtenu de A à l’éco-index du site. Tout en m’appliquant à éviter de sombrer dans le site austère et moche, j’ai réussi mon défi. Mais on peut toujours progresser !
Un exercice qui aide à comprendre l’impact de nos choix
Au début lorsqu’on découvre la publication en ligne, on aime les effets, les gadgets, les animations… Les premiers sites avaient des carrousels, des textes défilants, des trucs clignotants… C’était la fête et on n’avait même pas l’idée d’un quelconque impact écologique de nos mises en page…
Puis progressivement on s’interroge, on cherche à comprendre, on teste…
Le site Ecoindex.fr permet non seulement de tester n’importe quel site, mais il permet d’analyser les réussites comme les faiblesses. Il donne des pistes de vigilance pour une écoconception. C’est donc une bonne ressource qui m’a invité à me questionner.
Il a été nécessaire de chercher un peu
Passer de B à A ce fut travailler encore sur le poids de la page mais surtout sa complexité et le nombre de requêtes.
J’ai découvert par exemple que certaines images pourtant déjà légères, avaient en quelque sorte « double ration de code » ce qui ajoutait des sollicitations inutiles.
J’ai retiré quelques animations même si j’en ai gardé, j’ai supprimé l’affichage des images des dernières publications et une barre de présentation des réseaux sociaux qui redondait (ça existe ce terme ? ) avec le pied de page.
Il y a encore des fichiers css à modifier ou des blocs d’espacement qui pourraient être remplacés par des fichiers .css .
Pour résumer, il faut un peu entrer dans le code et parfois faire du nettoyage. On apprend.
Fluidité et légèreté
Tout ça se marie ou se relie pour moi avec l’intérêt d’une gestion de cache simplifiée mais efficace au niveau du serveur (Varnish/XtremCache) qui sert les pages de façon « statique ». Le site est sans cookie et ne vous piste pas et depuis peu j’ai travaillé à améliorer encore la sécurisation du site.
Il suffit parfois de peu de choses : un choix de couleurs inadaptées, une taille de police mal choisie, une adaptation qui passe mal sur mobile et voilà le score qui chute.
Après tout est relatif et lié aussi à vos machines et à la qualité de vos connexions.
Quand j’ai travaillé la sécurité du site pour obtenir A, j’ai dû m’y reprendre à plusieurs fois car je bloquais des fonctionnalités… pour moi même ! C’est là que j’ai vu que Firefox est un navigateur beaucoup plus exigeant en matière de sécurité.
Ça agace les spécialistes
J’aime apprendre, j’aime progresser. Ce qui est rigolo c’est que lorsque je me vante un peu, se présente souvent au guichet le « spécialiste » qui va venir pointer tel ou tel défaut- si possible en public… ce qu’il ne ferait pas pour d’autres sites professionnels… et lorsque pris d’une cruelle curiosité on s’en va tester le site du quidam en question, comme on est surpris de voir qu’il ne s’applique pas ses propres conseils !
Donc oui, le site est sous WordPress, oui ça demande de soulever le capot – mais je ne suis qu’un autodidacte- oui il y aura encore des points à parfaire mais on avance tranquillement !
Oui, c’est aussi intéressant et même amusant de voir qu’un site ce ne sont pas juste des pages qu’on écrit mais de nombreux choix à affiner au fil de l’eau.
Un mot en retour ?