On va être clairs d’entrée de jeu : avoir un site joli, c’est bien. Avoir un site qui charge vite et qui convertit, c’est mieux. Trop de gens pensent que parce que leur site s’affiche bien sur leur iPhone 15 en Wi-Fi fibre au bureau, tout va bien. C’est faux. La réalité de tes utilisateurs est souvent bien plus chaotique.
Faire un audit, ce n’est pas juste regarder des jauges vertes sur un outil gratuit. C’est comprendre si ta page répond à son objectif ou si elle fait fuir tout le monde avant même d’avoir affiché le logo. Pas de jargon inutile ici, on va regarder ce qui compte vraiment pour que ton site arrête de ramer et commence à bosser.
À retenir :
- Ne vous fiez pas uniquement au score vert de Google PageSpeed : un 100/100 ne garantit pas une bonne expérience utilisateur si le site est vide.
- La performance technique (Core Web Vitals) est non-négociable : au-delà de 3 secondes de chargement, vous perdez la moitié de votre trafic.
- L’audit doit être hybride : les outils automatisés détectent le code cassé, mais seul un humain peut juger la pertinence du contenu et la fluidité de la navigation.
- Le Mobile First n’est plus une option : testez votre page sur un vieux smartphone en 4G, c’est là que se joue la vraie qualité.
1. La performance technique : le moteur sous le capot
C’est la base. Si ton moteur est mort, la carrosserie ne sert à rien. Mais attention, il y a un piège classique : confondre les tests de labo et la vraie vie. Les « Données de laboratoire » (ce que te donne un test Lighthouse lancé depuis ton ordi) sont une simulation idéale. Les « Données de terrain » (CrUX), c’est la réalité : ce sont les vraies stats remontées par les utilisateurs de Chrome qui visitent ton site. Si ton test dit que tout va bien mais que tes utilisateurs sont sur des connexions 3G au fond de la Creuse, tu as un problème.
Google utilise aujourd’hui les Core Web Vitals pour juger ta performance. Retiens ces trois acronymes pour ne pas passer pour un touriste :
- Le LCP (Largest Contentful Paint), c’est la vitesse brute : en gros, combien de temps pour voir le truc le plus important de la page.
- L’INP (Interaction to Next Paint), c’est la réactivité : quand tu cliques sur un bouton, est-ce que le site réagit ou est-ce qu’il dort ?
- Le CLS (Cumulative Layout Shift), c’est la stabilité. Tu sais, ce moment rageant où tu vas cliquer sur un lien et une pub apparaît, décalant tout le contenu ? C’est ça, le CLS. Google déteste ça, et tes utilisateurs aussi.
Au-delà de la vitesse, pense au poids. Une page qui pèse 10 Mo à cause d’images non compressées, c’est une aberration technique et écologique. L’éco-conception n’est pas juste un truc de hippie : réduire le poids des scripts et des images, c’est réduire ton empreinte carbone et augmenter ta vitesse. C’est gagnant-gagnant.
Enfin, checke la sécurité de base. Si tu n’as pas de cadenas HTTPS, tu es une cible et tu perds la confiance immédiate du visiteur. Jette aussi un œil à la console de ton navigateur (F12). Si elle est rouge d’erreurs JavaScript, c’est que ton code agonise en silence.
2. Structure SEO et Sémantique : Google vous comprend-il ?
Google est un robot aveugle qui lit du code. Si tu ne structures pas ta page, il ne comprend rien. La base absolue, c’est la hiérarchie des balises Hn. Ton titre principal est un H1, tes sous-parties des H2. Si tu passes du H1 au H4 juste parce que « la police est plus jolie », tu casses la logique sémantique. C’est comme écrire un livre sans chapitres.
Les métadonnées (Title et Meta Description) sont souvent bâclées. Pourtant, c’est ta vitrine dans les résultats de recherche. Un titre doit être unique et une description doit donner envie de cliquer. Si tu laisses « Accueil – Mon Site » en titre, tu perds des clics gratuits. C’est aussi crucial que la structure pour des pages indispensables à une bonne architecture web.
Regarde aussi ton maillage. Les liens brisés (erreurs 404) sont une plaie. Ils frustrent l’utilisateur et disent à Google que ton site est à l’abandon. Et pendant que tu y es, pense à l’accessibilité. Mettre un attribut « Alt » sur tes images, ce n’est pas juste pour les malvoyants, c’est aussi pour Google Images. Ce qui est bon pour l’accessibilité est quasiment toujours bon pour le SEO.
3. L’Expérience Utilisateur (UX) : le test de la frustration
Ici, on lâche les outils techniques pour utiliser son cerveau. Prends ton téléphone et fais le test du « Gros Doigt ». Est-ce que tes boutons sont assez gros ? Est-ce qu’il y a assez d’espace entre deux liens pour ne pas cliquer sur le mauvais ? Si tu galères, tes clients aussi.
Parlons des pop-ups. Si une interstitielle recouvre tout l’écran 2 secondes après mon arrivée pour me vendre une newsletter, je pars. Google pénalise ces pratiques intrusives, surtout sur mobile. La navigation doit être fluide : si je ne trouve pas l’info clé (prix, contact, service) en moins de 3 clics, ton architecture est à revoir. C’est le même principe que pour créer une landing page efficace : aller droit au but.
Dernier point : la compatibilité. Ne pars pas du principe que le monde entier utilise Chrome sur un Mac. Ouvre Firefox, Safari, ou Edge. Parfois, un site magnifique sur Chrome est complètement cassé sur Safari. C’est bête de perdre 20% de ton audience par paresse.
| Ce que Lighthouse voit (Le Robot) | Ce que tu dois vérifier (L’Humain) |
|---|---|
| La taille d’une image en kilo-octets. | Si l’image est pertinente ou floue. |
| La présence de texte dans les paragraphes. | Si le texte est lisible, intéressant et sans fautes. |
| Le code des boutons est valide. | Si le bouton donne envie de cliquer. |
| Le site charge vite techniquement. | Si la navigation est intuitive ou frustrante. |
4. La stack d’outils gratuits pour un diagnostic complet
Pas besoin de payer des fortunes pour un premier audit. Google PageSpeed Insights (et Lighthouse) reste la référence pour la base technique et les Web Vitals. C’est ton juge de paix pour savoir si Google t’aime bien. Mais ne t’arrête pas là.
Utilise le W3C Validator. Il va scanner ton HTML et ton CSS. Tu n’as pas besoin d’être parfait (le web est sale, c’est comme ça), mais tu dois éliminer les erreurs fatales qui cassent l’affichage. Pour aller plus loin, l’extension navigateur « Web Developer » est un couteau suisse génial pour visualiser ta structure Hn en un clic ou désactiver le CSS pour voir le squelette de ta page. GTMetrix est aussi excellent pour voir le « waterfall », c’est-à-dire l’ordre de chargement de tes fichiers.
Enfin, pour la conscience (et la performance), passe ton URL dans Website Carbon. Il te dira si ta page est une usine à charbon ou un modèle d’écologie numérique.
Le piège du cache navigateur : Attention ! Ne teste jamais la vitesse de ton site en étant connecté en mode normal. Ton navigateur garde des fichiers en mémoire (le cache), ce qui fausse tout : le site paraîtra ultra-rapide pour toi, mais lent pour un nouveau visiteur. Utilise toujours la navigation privée ou un outil externe comme GTMetrix pour avoir l’heure juste.
Avertissement – La règle du 75e centile : Ne te voile pas la face. Google ne juge pas ton site sur ta connexion fibre. Il prend en compte le 75e centile, c’est-à-dire l’expérience des 25% d’utilisateurs les moins bien lotis. Si ton site est rapide pour toi mais lent pour eux, Google considérera que ton site est lent. Point barre.
Et vous, quel est le score PageSpeed dont vous êtes le plus fier (ou le plus honteux) et quel outil utilisez-vous pour traquer les lenteurs ?
