Septième étape du projet pratique : validez l'expérience utilisateur réelle avant l'ouverture officielle. Exécutez un audit Lighthouse complet, simulez des scénarios multi-navigateurs et testez la résistance sous une charge de requêtes simultanées.
Vérification sur Safari iOS, Chrome Android et écrans rétina desktop.
Optimisation du LCP, de la compression d'images WebP et de l'accessibilité.
Vérification avec autocannon que l'API supporte au moins 50 requêtes/seconde sans crash.
Vérification qu'aucun warning, ressource manquante ou fuite de mémoire ne subsiste.
# 1. Test de charge synthétique de l'API avec autocannon (10 connexions simultanées pendant 10s) $ npx autocannon -c 10 -d 10 https://api.learnweb.com/api/v1/products Running 10s test @ https://api.learnweb.com/api/v1/products 10 connections Stat 2.5% 50% 97.5% 99% Avg Stdev Latency 14 ms 22 ms 48 ms 62 ms 24 ms 10 ms Req/Sec 380 420 460 470 418 28 Bytes/Sec 840 kB 920 kB 1.0 MB 1.1 MB 918 kB 62 kB 4k requests in 10.05s, 9.2 MB read 0 errors, 0 timeouts ! # ✅ L'API résiste avec brio à 400 requêtes/seconde ! # 2. Audit Lighthouse en ligne de commande (Génération du rapport HTML) : $ npx lighthouse https://www.learnweb.com --view --output=html
/articles/react/hooks) et faites un rechargement forcé.| Catégorie Lighthouse | Score Atteint | Statut | Recommandation Appliquée |
|---|---|---|---|
| Performance | 94 / 100 | 🟢 Excellent | Images converties en WebP et bundles minifiés |
| Accessibilité (A11y) | 98 / 100 | 🟢 Excellent | Attributs alt sur les images et contrastes de couleurs WCAG AA |
| Bonnes Pratiques Web | 100 / 100 | 🟢 Parfait | HTTPS actif, en-têtes de sécurité et zéro log verbeux |
| SEO (Référencement) | 100 / 100 | 🟢 Parfait | Balises meta description, title uniques et balises canoniques |