L'essentiel.
- La vitesse est un facteur de conversion : visez un LCP sous 2,5 s sur mobile.
- Une page, un objectif : chaque page doit mener à une action claire.
- L'accessibilité (WCAG, RGAA) élargit votre audience et protège juridiquement.
- Mesurez avant d'optimiser : PageSpeed Insights et Search Console sont gratuits.
- Un site sobre consomme moins, charge plus vite et coûte moins à héberger.
Les vidéos.
Choisies pour ce rayon, avec nos notes de visionnage.
-
8:47EN
Understanding performance with Core Web Vitals
L'équipe de Chrome explique les trois indicateurs que Google utilise pour juger l'expérience d'une page, et comment les lire dans ses outils gratuits.
Notes de visionnage
À retenir
- Trois mesures : LCP (vitesse d'affichage, sous 2,5 s), INP (réactivité, sous 200 ms) et CLS (stabilité visuelle, sous 0,1).
- Les données « terrain » (vrais visiteurs, rapport CrUX) comptent plus que les tests en laboratoire.
- PageSpeed Insights et la Search Console affichent ces indicateurs gratuitement, page par page.
Pour aller plus loin
- Web Vitals (nouvel onglet) web.dev (Google) · Documentation
- PageSpeed Insights (nouvel onglet) Google · Outil
-
6:43EN
The ultimate guide to web performance
Un tour complet et rythmé des leviers de vitesse d'un site : images, polices, scripts, cache. Utile pour comprendre ce qu'un bon prestataire doit faire.
Notes de visionnage
À retenir
- Mesurez d'abord (Lighthouse), puis corrigez le plus lourd : presque toujours les images.
- Moins de JavaScript, chargé plus tard, rend une page plus rapide que n'importe quel hébergement premium.
- Formats modernes (WebP, AVIF), tailles adaptées à l'écran et chargement différé font l'essentiel du travail.
Pour aller plus loin
- Learn Performance (nouvel onglet) web.dev (Google) · Formation
- Lighthouse overview (nouvel onglet) Chrome for Developers · Documentation
-
2:39FR
L'accessibilité numérique à toutes les étapes d'un projet
Atalan, agence française spécialisée, montre en moins de trois minutes pourquoi l'accessibilité se décide au cadrage, pas à la fin du projet.
Notes de visionnage
À retenir
- L'accessibilité concerne le design, les contenus et le code : chaque métier a sa part.
- Prévue dès le départ, elle coûte peu ; corrigée après coup, elle coûte cher.
- Le RGAA (France) et les WCAG (international) sont les référentiels à exiger dans un cahier des charges.
Pour aller plus loin
- RGAA, accessibilité numérique (nouvel onglet) État français · Texte officiel
- WCAG overview (nouvel onglet) W3C WAI · Texte officiel
Les vidéos sont hébergées par YouTube. Rien n'est chargé depuis Google avant que vous n'appuyiez sur lecture ; le lecteur utilise alors youtube-nocookie.com, le mode de confidentialité avancée de YouTube.
Testez-vous.
Quelques minutes pour vérifier ce que vous avez retenu de ce rayon.
Ce rayon fait partie des parcours : Lancer ou refondre mon site.
Les ressources.
- Learn Performance
Le cours de référence de Google sur la performance web.
Ouvrir (nouvel onglet) ↗ - Web Vitals
LCP, INP, CLS : les indicateurs d'expérience utilisés par Google.
Ouvrir (nouvel onglet) ↗ - Milliseconds Make Millions
L'étude qui chiffre l'effet de 0,1 s sur les conversions.
Ouvrir (nouvel onglet) ↗ - PageSpeed Insights
Mesurer la vitesse réelle de n'importe quelle page.
Ouvrir (nouvel onglet) ↗ - Lighthouse overview
L'outil d'audit intégré à Chrome : performance, accessibilité, SEO.
Ouvrir (nouvel onglet) ↗ - MDN Learn web development
Les bases du HTML, du CSS et du JavaScript, par Mozilla.
Ouvrir (nouvel onglet) ↗ - WCAG overview
Les règles internationales d'accessibilité des contenus web.
Ouvrir (nouvel onglet) ↗ - RGAA, accessibilité numérique
Le référentiel français d'accessibilité et ses critères.
Ouvrir (nouvel onglet) ↗ - 10 Usability Heuristics
Les dix principes d'ergonomie les plus cités au monde.
Ouvrir (nouvel onglet) ↗ - Laws of UX
Les lois de la psychologie appliquées au design d'interface.
Ouvrir (nouvel onglet) ↗ - E-commerce UX research
La plus grande base de recherche sur l'ergonomie des sites marchands.
Ouvrir (nouvel onglet) ↗ - Référentiel général d'écoconception (RGESN)
Les bonnes pratiques officielles d'écoconception des services numériques.
Ouvrir (nouvel onglet) ↗ - Website Carbon Calculator
Estimer l'empreinte carbone d'une page web.
Ouvrir (nouvel onglet) ↗ - Baromètre France Num 2025
Le numérique et l'IA dans les TPE-PME françaises, chiffres officiels.
Ouvrir (nouvel onglet) ↗
Sites web
Un site qui travaille pour vous.
Rapide, clair, trouvé sur Google comme dans les IA. Et 100 % à vous.