Optimiser l’INP (Interaction to Next Paint)

• Un indicateur expérimental qui évalue la réactivité globale d’une page dans l’interface utilisateur
• Observe la latence de tous les clics, tapotements et interactions au clavier
• La valeur finale de l’INP correspond à l’interaction la plus longue (en ignorant les valeurs aberrantes)
• Pour offrir une bonne expérience utilisateur, la valeur INP d’un site web doit être inférieure ou égale à 200 ms. Entre 200 et 500 ms, des améliorations sont nécessaires ; au-delà de 500 ms, la réactivité est considérée comme lente

Méthodes d’optimisation (titres uniquement)

• Identifier ce qui nuit à l’INP
  • Trouver les interactions lentes dans les données de terrain
  • Reproduire les interactions lentes dans les outils de développement de Chrome
  • Et s’il n’y a pas de données de terrain ?
• Diagnostiquer et traiter un long délai d’entrée (Long Input Delay)
  • Comment identifier le délai d’entrée
  • Comment corriger un long délai d’entrée
• Optimiser les callbacks d’événements
• Minimiser le délai de présentation
• Lorsque les interactions se chevauchent
• Améliorer l’INP demande de la persévérance