Core Web Vitals pour les petits sites : une checklist pratique
Les trois seuils de Google, quatre choses à faire, trois à arrêter, et comment mesurer ce que vivent vraiment vos visiteurs.
Les Core Web Vitals sont trois mesures qu’utilise Google pour décrire le ressenti d’une page : la vitesse d’affichage du contenu principal, la réactivité, et la stabilité de la mise en page. Pour un petit site typique, les atteindre se résume à quelques habitudes corrigeables. Voici les seuils, puis la checklist à passer avant tout lancement.
| Mesure | Ce qu’elle mesure | Bon jusqu’à |
|---|---|---|
| Largest Contentful Paint (LCP) | Affichage du contenu principal | 2,5 secondes |
| Interaction to Next Paint (INP) | Réaction aux clics et aux touchers | 200 millisecondes |
| Cumulative Layout Shift (CLS) | Stabilité de la mise en page | 0,1 |
Faites ceci
- Servez les images en formats modernes et dimensionnez-les à leur conteneur.
- Fixez une largeur et une hauteur explicites sur les images pour stopper les décalages.
- Préchargez la seule police et l’image de hero qui comptent, chargez le reste en différé.
- Embarquez moins de JavaScript : chaque script est une taxe sur le thread principal.
Arrêtez ceci
- Charger cinq scripts de tracking avant même que la page soit visible.
- Intégrer une carte ou une vidéo lourde que personne ne fait défiler.
- Envoyer une image de hero de 4000px sur un téléphone.
Pour trouver les pages lentes sur tout un site, un outil d’audit parcourt chaque page et liste les images et les scripts trop lourds.
Chaque point de cette liste fait partie de notre façon d’aborder le développement web, et les outils de mesure sont dans les avis d’outils.