Cours Web Performances & SEO
Session 3 • Module 12 • 5 min

Annexes : Glossaire, Outils et Références

Glossaire, tableau des outils, seuils CWV

Retrouvez ici toutes les références utiles : glossaire des termes techniques, tableau des outils recommandés et récapitulatif des seuils Core Web Vitals.

📖 Glossaire

Terme Définition
Core Web Vitals 3 métriques Google mesurant l'expérience utilisateur : LCP, INP, CLS
LCP Largest Contentful Paint - Temps d'affichage du plus grand élément visible
INP Interaction to Next Paint - Réactivité aux interactions utilisateur
CLS Cumulative Layout Shift - Mesure de la stabilité visuelle
TTFB Time To First Byte - Temps de réponse du serveur
FCP First Contentful Paint - Premier élément visible affiché
CDN Content Delivery Network - Réseau de serveurs pour distribuer le contenu
Lazy loading Chargement différé des éléments hors écran (images, iframes)
Minification Suppression des espaces et commentaires dans le code
Cache Stockage temporaire pour éviter de retélécharger les ressources
Waterfall Cascade de téléchargement des ressources d'une page
Above-the-fold Partie visible de la page sans avoir à scroller
Preload Indication au navigateur de charger une ressource en priorité
Preconnect Établir une connexion anticipée vers un domaine tiers
Critical CSS CSS nécessaire pour afficher le contenu visible immédiatement
Render-blocking Ressource qui bloque l'affichage de la page
Tree-shaking Suppression du code JavaScript non utilisé
Code-splitting Découpage du code en morceaux chargés à la demande
Brotli Algorithme de compression plus efficace que Gzip
WebP / AVIF Formats d'image modernes avec meilleure compression
font-display: swap Affiche le texte immédiatement avec une police de secours
Long Task Tâche JavaScript bloquant le main thread pendant plus de 50ms

🛠️ Tableau des outils

Outil URL Usage
PageSpeed Insights pagespeed.web.dev Analyse performance + données terrain (CrUX)
Lighthouse Chrome DevTools (F12) Audit complet local (performance, accessibilité, SEO)
GTmetrix gtmetrix.com Analyse détaillée gratuite + waterfall
WebPageTest webpagetest.org Tests avancés multi-localisations + filmstrip
Squoosh squoosh.app Compression et conversion d'images (WebP, AVIF)
TinyPNG tinypng.com Compression images en batch (PNG, JPEG, WebP)
Cloudflare cloudflare.com CDN gratuit + cache + protection DDoS
Search Console search.google.com/search-console Rapport Core Web Vitals (données terrain)
web.dev web.dev Documentation officielle Google sur les performances
Coverage (DevTools) Ctrl+Shift+P > Coverage Identifier le CSS/JS inutilisé
Performance (DevTools) F12 > Performance Analyser les Long Tasks et le main thread
Network (DevTools) F12 > Network Waterfall, tailles, compression, cache headers

📊 Seuils Core Web Vitals

Les Core Web Vitals utilisent un système de couleurs pour classifier les performances :

Métrique Bon (vert) À améliorer (orange) Mauvais (rouge)
LCP
Largest Contentful Paint		 < 2.5s 2.5s - 4s > 4s
INP
Interaction to Next Paint		 < 200ms 200ms - 500ms > 500ms
CLS
Cumulative Layout Shift		 < 0.1 0.1 - 0.25 > 0.25
📌 Note importante : Pour passer le test Core Web Vitals de Google, il faut que 75% des visites soient dans le vert pour les 3 métriques sur les 28 derniers jours.

📈 Autres métriques utiles

Métrique Seuil recommandé Ce qu'elle mesure
TTFB < 200ms (idéal), < 600ms (acceptable) Temps de réponse du serveur
FCP < 1.8s Premier élément affiché
Speed Index < 3.4s Rapidité de remplissage visuel
Total Blocking Time < 200ms Temps où le main thread est bloqué
Time to Interactive < 3.8s Moment où la page devient interactive

📚 Ressources pour aller plus loin