Aujourd’hui, j’ai envie de te dévoiler les coulisses de mon travail. Notamment, quand je travaille sur l’optimisation ou la refonte d’un site web. A la fin, je ne me contente jamais d’un simple « c’est mieux maintenant » ! Il y a toute une méthodologie derrière qui me permet de prouver concrètement l’impact de chaque amélioration que j’ai pu réaliser.
1. Pourquoi je suis obsédée par les chiffres (et pourquoi tu devrais l’être aussi)
Tu te demandes peut-être pourquoi je m’embête à tout mesurer ? La réponse est simple : déjà, ça ne m’embête pas, j’adore ça ! Mais surotut parce que les chiffres ne mentent pas.
Quand je réalise une analyse d’un site, le mesurer avant même de commencer mon travail, ça nous permet, à moi et mes client.e.s de :
- Avoir un état des lieux précis de l’existant (on part de où exactement ?)
- Identifier les axes de progression prioritaires (pas la peine de tout refaire si ce n’est pas nécessaire)
- Ouvrir les yeux sur certains aspects invisibles à l’œil nu
- Agir rapidement et efficacement au bon endroit
- Montrer la progression concrète à la fin (et crois-moi, c’est un boost de satisfaction incroyable !)
- Voir ce qui reste encore à améliorer pour la suite
Ce que je constate souvent, c’est que la plupart d’entre vous ont une intuition sur leur site. Vous savez s’il vous plaît ou non, s’il vous aide à convertir des client.e.s ou non, mais (et c’est un gros mais), vous n’avez souvent aucune idée :
- Du ressenti réel de votre audience
- De vos statistiques d’usage
- De votre impact carbone
- De votre niveau d’accessibilité
- De votre optimisation SEO technique
C’est là que mon expertise prend tout son sens ! Parce que, j’ai développé une routine d’analyse précise qui me permet de détecter tous ces points invisibles pour vous. Aujourd’hui je vous la délivre en toute transparence.
2. Ma routine d’analyse de site : les 5 étapes détaillées de ma méthode
Voici ma routine d’analyse, étape par étape, avec tous les détails qui font la différence.
2.1. L’impact carbone avec Website Carbon
C’est mon indicateur de référence de prédilection. Website Carbon me donne la quantité d’émissions de CO2 par page vue du site que j’analyse et la compare à celle d’autres sites web.
Ce que j’analyse exactement :
- Les grammes de CO2 émis par visite
- Le pourcentage de sites plus propres que celui que j’analyse
- L’équivalent en distance parcourue en voiture
- L’estimation du nombre d’arbres nécessaires pour compenser
LIRE AUSSI : Empreinte environnementale de son site : comment la mesurer et découvrir si son site est éco-responsable ou non ?
2.2. Le score d’éco-conception avec Eco-index
Pourquoi c’est complémentaire : Eco-index me donne une note globale de A à G sur l’éco-conception de mon site (comme pour l’électroménager ou le nutri-score), ce qui prend en compte notamment la complexité technique du site.
Ce que j’observe :
- Le score global (A = excellent, G = catastrophique)
- Le nombre de requêtes HTTP
- Le poids total de la page
- La complexité du DOM (structure technique)
Les sites de mes clientes oscillent souvent entre D et F au départ. Mon objectif : les amener au minimum en C, idéalement en B.
LIRE AUSSI : Empreinte environnementale de son site : comment la mesurer et découvrir si son site est éco-responsable ou non ?
2.3. Les métriques de poids avec Digital Beacon
Pour aller plus loin, j’ai trouvé plus récemment un nouvel outil (dont je ne vous ai encore jamais parlé) : Digital Beacon. Ce dernier me donne une vision détaillée de tous les aspects techniques qui impactent la performance :
- Poids total de chaque page
- Nombre et taille des images
- Optimisation des images (format, compression)
- Code CSS et JavaScript (lourdeur, optimisation)
- Temps de chargement par élément
- Ressources bloquantes
C’est grâce à ces données que je repère les facteurs vraiment « saboteurs » de la performance. Souvent, c’est une image super lourde de +3Mo, pas optimisée du tout, qui plombe tout le site.
2.4. L’analyse technique avec Lighthouse
L’outil le plus complémentaires aux autres et indispensable : Lighthouse. Il me donne 4 scores sur 100 pour chaque page, et je teste TOUJOURS les scores des pages sur desktop ET mobile.
Les 4 scores que ça me donne :
- Performance : temps de chargement, interactivité, stabilité visuelle
- SEO technique : balises, structure, liens internes
- Accessibilité : contraste, navigation clavier, lecteurs d’écran
- Bonnes pratiques : sécurité, technologies obsolètes, optimisations
LIRE AUSSI : Empreinte environnementale de son site : comment la mesurer et découvrir si son site est éco-responsable ou non ?
2.5. L’accessibilité avec Wave
Pour aller au-delà des scores : Wave me liste concrètement tous les problèmes d’accessibilité page par page.
Ce que je traque systématiquement :
- Contrastes insuffisants (très fréquent !)
- Images sans texte alternatif
- Liens non explicites (« cliquez ici », « en savoir plus »)
- Structure des titres incohérente
- Formulaires mal étiquetés
- Éléments non accessibles au clavier
Mon approche : Je classe les erreurs par priorité. Certaines excluent complètement des utilisateur.rice.s, d’autres sont juste perfectibles.
3. Mes astuces secrète (jusqu’à aujourd’hui)
3.2. Une URL n’est pas un site complet
Et je vais commencer par un mini coup de gueule : j’en ai marre de voir des gens se vanter d’un super score d’éco-conception en n’ayant analysé que leur page d’accueil. Et oui ! Parce que la vérité c’est que tous ces outils n’analysent que l’URL que tu leur donnes à analyser. Soit si je leur donne l’URL de mon site : www.nomdusite.fr et bien cela n’analysera que votre page d’accueil. Donc à moins d’avoir un site d’une seule page, il faut analyser toutes les pages importantes une par une et faire une moyenne générale pour avoir un score réaliste.
Pour chacun de mes clients j’analyse une vingtaine de pages environ, souvent :
- Page d’accueil
- Page(s) de services principales
- Page(s) projets ou portfolio
- Page à propos
- Page contact
- Page blog
- 2-5 articles de blog récents ou les plus lus
- Page mentions légales
Astuce en plus : pour ne pas fausser les résultats, il faut absolument que tu fasses ton analyse Lighthouse en navigation privée.
LIRE AUSSI : Empreinte environnementale de son site : comment la mesurer et découvrir si son site est éco-responsable ou non ?
3.2. Si je devais garder qu’un seul outil d’analyse…
Si je ne devais regarder qu’un seul score, ce serait l’impact carbone et l’éco-conception. Pourquoi ? Parce que c’est le seul qui, en l’améliorant, va automatiquement améliorer tous les autres aussi !
Si un site a un gros impact carbone, c’est souvent qu’il est trop lourd. S’il est trop lourd, il met trop de temps à charger (performance) et cela impact tes utilisateur.rice.s mais aussi ton référencement naturel.
En appliquant des principes d’éco-conception pour l’alléger, tu vas :
- Diminuer son impact carbone
- Augmenter ses performances
- Améliore son SEO
C’est du 3 en 1 !
LIRE AUSSI : +20 outils pour t’aider à créer des pages web plus éthique et éco-responsable
3.3. Mes client.e.s adorent les rapports que je leur présente
Quand je présente les résultats au départ du projet et les résultat avant/aprés à la fin du projet (avec l’évolution notable qui va avec), la réaction est généralement excellente. Et pour cause : c’est tangible ! Je ne leur vends pas que de l’esthétisme, du beau, du subjectif, je vends de l’impact positif :
- Sur leur business
- Sur leur audience
- Sur la planète
L’avantage de cette approche ? Zéro bullshit possible. Les chiffres parlent d’eux-mêmes. Si on a amélioré les performances de ton site de 50%, c’est réel et mesurable et ce n’est pas moins qui l’ai inventé, il peuvent le vérifier par eux-mêmes. C’est concret.
3.4 Mes transformations les plus marquantes
Laisse-moi te partager deux cas concrets qui montrent bien l’impact de cette approche :
3.4.1. Studio Floriane – Performance mobile
J’ai accompagné cette graphiste engagée l’année dernière dans la refonte de son site. Au départ, son score de performance mobile était de 34/100. Après optimisation et refonte (images, code, structure), on a atteint 82/100 sur mobile. Une amélioration de 140%. Ce qui est considérable. Il reste des choses à améliorer encore mais la progression reste flagrante.
VOIR LE PROJET EN DÉTAIL : Site – Studio Floriane
3.4.2. Société de conseil – Impact carbone
Plus récemment, j’ai travaillé avec une société de conseil qui émettait plus d’1g de CO2 par page vue. Après nos optimisations (suppression des éléments lourds, allègement technique, optimisation des contenus médias – images, vidéos), on est passé à 0,11g par page vue, ce qui est énorme aussi. Pourtant nous avons ajouté sur ce site 4 nouvelles pages qui n’était pas présente au départ.
VOIR LE PROJET EN DÉTAIL : Les projets qui avancent à Petits Pas
3.5. Comment faire durer ces améliorations dans le temps
Ma mission ne s’arrête pas à l’optimisation, parfois même ce sont mes clients qui font la plupart de leurs optimisations eux-m^mes, je leur explique simplement comment faire (notamment dans mon offre Audit éthique complet et recommandations). Je m’assure toujours que tu restes autonome en :
- T’expliquant toutes mes méthodes en toute transparence
- Te sensibilisant aux bonnes pratiques
- Vulgarisant les aspects techniques
- T’accompagnant avec du contenu gratuit pour que tu puisses continuer seule
Parce que mon objectif, c’est que tu deviennes indépendante sur ces sujets ! Ton site, doit être ton outil de travail au quotidien donc à toi il est essentiel pour moi que tu puisses te l’approprier.
Le mot de la fin…
Mon conseil n°1 si tu veux commencer une analyse de site : Mesure d’abord ! Tu ne peux pas aller du point A au point B si tu ne sais pas où est ton point A. C’est la base de tout.
Si cet article t’a donné envie de savoir où en est ton site, j’ai créé quelque chose spécialement pour toi !
GRATUIT : Faire le quiz
En quelques secondes, tu auras une première idée du niveau d’éthique de ton site et des axes prioritaires à travailler. C’est un aperçu de ce que je fais quand j’analyse plus de 200 critères dans mes audits complets – issus des référentiels officiels comme les critères ergonomiques de Bastien et Scapin, le WCAG et RGAA, le RGESN, et bien d’autres.
Bien sûr, ce quiz se concentre sur l’essentiel pour te donner une première direction. Si tu veux aller plus loin avec une analyse complète et personnalisée (comme celles dont je viens de te parler), mes audits complets avec recommandations t’attendent !
