Améliorer l’INP : diagnostiquer une interaction qui répond trop tard
Un bouton semble bloqué ? Séparez l’action, le traitement et le retour visuel pour comprendre ce qui retarde la réponse de votre page.
Performance web
Le score ne dit pas tout. Identifiez un symptôme, mesurez-le dans un contexte connu, puis modifiez une cause à la fois.
Partir d’une question concrète
- Quel élément tarde à apparaître ?
- Qu’est-ce qui déplace la page pendant sa lecture ?
- Quelle interaction semble bloquée ?
Les guides de ce dossier
Cache HTTP d’un site statique : comprendre une ancienne version
Une ancienne version visible après publication peut venir du navigateur, d’un cache partagé ou de la source publiée. Avant de purger quoi que ce soit, relevez l’URL exacte, le contenu attendu et une marque de version que vous pouvez vérifier.
Corriger le CLS : repérer ce qui déplace votre contenu
Images, polices et encarts tardifs : partez d’un déplacement observé pour corriger la mise en page sans cacher le problème ailleurs.
Diagnostiquer un LCP lent : trouver la cause avant de corriger
Identifiez l’élément qui retarde l’affichage principal et préparez un essai ciblé, avec les conditions de mesure et les limites du diagnostic.
Widget tiers : décider de conserver, différer ou supprimer
Pour décider du sort d’un widget tiers, identifiez d’abord la tâche qu’il permet d’accomplir et ce qui se passe lorsqu’il manque. Vous pourrez ensuite comparer son maintien, son chargement différé et une alternative plus simple.
Images responsives : vérifier srcset, sizes et la ressource reçue
Une image trop grande coûte inutilement à charger. Reliez les fichiers proposés à la largeur réelle du composant et vérifiez le choix du navigateur.
Lire PageSpeed : distinguer le laboratoire des données terrain
Deux résultats différents ne sont pas forcément contradictoires. Identifiez ce que chaque mesure observe avant de décider quoi corriger.
Optimiser les polices web sans dégrader la lecture
Chargez les fichiers nécessaires à vos contenus, puis vérifiez ce que le changement de police modifie réellement dans la lecture et la mise en page.
Relier les décisions
Une modification visuelle peut changer un parcours, son affichage et les signaux de ses URL. Choisissez le contrôle complémentaire qui correspond à votre changement.