Pourquoi auditer son site

Le problème : "Ça marche chez moi"

"Ça marche chez moi" est la phrase la plus dangereuse en développement web. Ton site peut être rapide sur ta connexion fibre, mais rame sur mobile 4G. Il peut s'afficher parfaitement sur Chrome mais casser sur Safari. Et il peut avoir une faille de sécurité que tu ne vois pas.

Les 4 piliers d'un audit web

Un audit complet couvre 4 domaines :

1. Performance

Ton site se charge-t-il en moins de 3 secondes ? Les images sont-elles optimisées ? Le JavaScript bloque-t-il le rendu ? Les Core Web Vitals sont-ils au vert ?

2. Accessibilité

Est-ce que tout le monde peut utiliser ton site ? Les lecteurs d'écran comprennent-ils ta page ? La navigation au clavier fonctionne-t-elle ? Les contrastes sont-ils suffisants ?

3. Sécurité

Ton site est-il protégé contre les injections XSS ? Les données utilisateur sont-elles sécurisées ? Les headers de sécurité sont-ils en place ? Les dépendances sont-elles à jour ?

4. SEO

Google peut-il indexer tes pages ? Les balises meta sont-elles présentes ? Le contenu est-il structuré correctement ? Les liens internes fonctionnent-ils ?

Analogie : l'inspection du vaisseau

Imagine que ton site est un vaisseau spatial. Avant chaque mission, tu passes par 4 stations d'inspection :

# Station 1 : Moteur (Performance)
# "Le vaisseau décolle-t-il assez vite ?"
# → Lighthouse Performance score

# Station 2 : Capsule de survie (Accessibilité)
# "Tout l'équipage peut-il utiliser les commandes ?"
# → Lighthouse Accessibility score

# Station 3 : Boucliers (Sécurité)
# "Résiste-t-on aux attaques ?"
# → Headers, HTTPS, dépendances

# Station 4 : Radar (SEO)
# "Les autres vaisseaux nous trouvent-ils ?"
# → Lighthouse SEO score

Quand auditer ?

Les bons moments pour auditer :

• Pendant le dev : rapide check Lighthouse après chaque feature
• Avant la PR : audit complet avant de merger
• Avant la prod : checklist complète pré-déploiement
• Post-déploiement : monitoring continu (Core Web Vitals, erreurs)

Les outils qu'on va utiliser

Dans ce cours, tu vas apprendre à utiliser :

• Lighthouse : audit automatique intégré à Chrome DevTools
• Core Web Vitals : les métriques que Google mesure vraiment
• L'IA : pour analyser les résultats et proposer des fixes
• Les headers de sécurité : ta première ligne de défense
• npm audit : scanner tes dépendances

Ce que tu as débloqué

• Pourquoi "ça marche chez moi" ne suffit pas
• Les 4 piliers d'un audit : Performance, Accessibilité, Sécurité, SEO
• Quand auditer (spoiler : souvent)
• Les outils qu'on va maîtriser dans ce cours