qwanturank

First Input Delay (FID) mesure le temps entre la première interaction d’un utilisateur sur une page (en cliquant sur un bouton ou un lien) et le moment où le navigateur répond et exécute la fonction prévue. En termes simples, First Input Delay nous indique combien de temps un utilisateur a d’attendre une réponse de l’interface après leur premier clic. Web.dev nous dit que la principale raison du retard d’entrée est lorsque le fil principal d’un navigateur est occupé à faire autre chose et ne peut pas répondre immédiatement à un utilisateur. Généralement, cela est dû à de longues tâches liées à Javascript qui prennent beaucoup de temps à s’exécuter. Avec la plus grande peinture de contenu (LCP) et le décalage de mise en page cumulatif (CLS), le délai de première entrée est l’un des trois éléments essentiels du Web sur lesquels Google met l’accent dans sa mise à jour de l’expérience de la page déployée à l’été 2021. Dans cette mise à jour, Google a confirmé que les trois éléments principaux web vitals deviendrait une partie de son algorithme de classement. Ainsi, vous souhaitez que vos pages soient classées dans les « bonnes » plages suivantes selon Google lorsque leurs principaux éléments vitaux Web sont mesurés. Bon Nécessite une amélioration Mauvais LCP ≤2,5s ≤4s >4s FID ≤100ms ≤300ms >300ms CLS ≤0,1 ≤0,25 >0,25 Étant donné que le FID est une statistique mesurée uniquement par l’interaction réelle de l’utilisateur, il ne peut pas être répliqué dans un environnement de laboratoire.Cependant, Total Le temps de blocage (TBT) est une métrique qui mesure essentiellement la durée pendant laquelle un navigateur est bloqué et peut donc estimer précisément le FID. C’est pourquoi vous verrez TBT dans le rapport Core Web Vitals de Semrush au lieu de FID.

Quelles sont les causes d’un mauvais FID/TBT  ?

Comme indiqué ci-dessus, toute tâche qui prend beaucoup de temps à se terminer, bloquant ainsi le thread principal d’un navigateur et l’empêchant d’exécuter une nouvelle tâche immédiatement, entraînera un mauvais FID. Le plus souvent, le retard et le blocage du thread principal se produisent à l’étape de chargement de la page, lorsque le contenu a déjà été affiché, mais que le chargement n’est pas encore terminé.

Comment réparer un mauvais FID/TBT

Étant donné que la plupart des blocages que nous voyons liés au FID se produisent dans la phase de chargement de la page, vous pouvez réduire le TBT et donc le FID en optimisant le fil principal de votre page. La meilleure façon de le faire est d’éliminer les tâches longues. Les tâches longues sont toutes tâches où le thread principal a été bloqué pendant plus de 50 millisecondes. Potentiellement, si un utilisateur clique sur un élément cliquable dans le navigateur au cours d’une longue tâche, il verra un retard dans la réponse. Heureusement, il peut être assez facile de plonger dans votre page et d’identifier les tâches longues à l’aide de Lighthouse et Semrush. Tout d’abord, vous devez comprendre quelles pages ont des problèmes. Est-ce un problème de modèle ou juste une page spécifique comme la page principale ? Ensuite, identifiez les tâches longues qui posent le plus de problèmes. Ensuite, vous pouvez utiliser les vérifications Lighthouse suivantes pour trouver des idées sur la façon d’améliorer TBT. Leurs recommandations comprendront des éléments tels que  : Prenez ces recommandations avec un audit de site Semrush et présentez-les à votre développeur pour l’aider à hiérarchiser les tâches qui minimiseront le FID et amélioreront l’expérience de la page de votre site. Si vous souhaitez approfondir et localiser par vous-même exactement où les tâches longues sont, vous pouvez ouvrir Lighthouse et inspecter les tâches longues dans le thread principal.

Inspecter les tâches longues dans le thread principal

Pour optimiser votre FID, vous devez comprendre ce qui cause la mauvaise interactivité. Comme nous l’avons vu ci-dessus, vous devez comprendre à quel moment les tâches longues se sont produites dans le thread principal. Il existe deux manières de voir les tâches longues  :

  • Utilisation d’une recommandation spéciale dans l’audit de performance de Lighthouse intitulée  » Éviter les longues tâches de thread principal « 
  • Affichage de la trace d’origine
  • Dans les deux variantes, ce sera facile si vous lancez un audit de performance via Lighthouse. Pour ouvrir Lighthouse. Ensuite, recherchez le rapport Lighthouse en haut et appuyez sur le bouton Générer un rapport. Une fois que vous avez généré votre rapport, vous pouvez faire défiler vers le bas pour plonger dans les recommandations de Lighthouse, qui seront intitulé Opportunités et diagnostics.

    Utilisation de la recommandation  » Éviter les tâches de thread principal longues « 

    Recherchez et ouvrez la recommandation. Évitez les longues tâches de thread principal « . Il est disponible dans un audit s’il y a au moins une tâche qui prend plus de 50 ms. Cela répertorie toutes les instances où Lighthouse a vu une tâche longue, bloquant et retardant potentiellement l’interaction d’un utilisateur.

    Afficher la trace d’origine

    Pour jeter un autre coup d’œil, vous pouvez cliquer sur Afficher la trace d’origine dans le rapport Lighthouse pour voir une chronologie du chargement de la page. N’oubliez pas que Lighthouse nous dit que tout ce qui est plus rapide que 50 ms est considéré comme bon, tandis que tout ce qui est plus lent que 50 ms est considéré comme médiocre.

    Mesurer le TBT sur Semrush

    L’audit de site de Semrush vous permet de suivre les TBT ainsi que les autres éléments essentiels du Web lorsque vous auditez votre site Web. L’avantage d’utiliser Semrush ici est qu’il enregistrera vos données dans le rapport Core Web Vitals afin que vous puissiez référencer comment vous avez amélioré vos métriques vitales au fil du temps. puis réexécutez l’audit et voyez comment vos scores se sont améliorés. Vous trouverez également un rapport complet sur les performances avec plus d’informations sur la façon d’améliorer la vitesse globale de chargement des pages de votre site Web, ainsi que d’autres conseils d’optimisation. Essayez-le aujourd’hui et optimisez l’expérience de votre page  !

    Premier délai d'entrée (FID) et temps de blocage total (TBT) expliqués

    S’abonner
    Notification pour
    guest
    0 Commentaires
    Commentaires en ligne
    Afficher tous les commentaires