Temps de blocage total (TBT)
Un site web qui se charge le plus rapidement possible : c’est le souhait de tout entrepreneur. La mesure du temps total de blocage est un moyen de mieux comprendre ce phénomène. Qu’est-ce que le temps de blocage total et comment fonctionne-t-il sur un site web ? Vous pouvez lire toutes les informations importantes sur cette page.
Qu’est-ce que le temps de blocage total ?
Le temps de blocage total (TBT) est une mesure de la durée de chargement d’une page. Il mesure le temps de blocage d’une page lors de son chargement. Lorsqu’il y a blocage, il faut plus de temps pour qu’un visiteur dispose d’options sur un site web.(1)(2)
Voici comment fonctionne le TBT
Le temps de blocage total fait partie de Google Lighthouse ; il s’agit de l’une des vitales Web de base de Google. Le temps de chargement d’un site web est l’un des éléments les plus importants du bon fonctionnement d’un site. Plus la page se charge rapidement, mieux c’est. Un site web lent peut inciter les visiteurs à quitter votre site et donc à ne pas procéder à un achat.
La connaissance d’éléments importants tels que le temps de blocage total vous permettra de mieux comprendre l’état actuel de votre site web et de savoir comment le modifier. TBT mesure, en quelque sorte, ce qui se passe sur le site web entre la première peinture de contenu et le moment de l’interactivité.
L’impact du temps de blocage total sur le référencement
Le temps de blocage total peut avoir un impact sur le référencement d’un site web ou d’une page, en particulier si l’on prend en compte d’autres éléments importants, tels que le plus grand tableau de contenu et le décalage cumulatif de la mise en page. Ces deux derniers sont des facteurs de classement importants pour Google, il est donc judicieux de les inclure dans la stratégie de référencement.
Mes conseils
Les principaux outils de mesure de Google Lighthouse fournissent de nombreuses informations et opportunités pour l’optimisation des moteurs de recherche d’un site web, ainsi que pour sa convivialité.
Nous vous recommandons d’étudier cette mesure de Google, en combinaison avec d’autres mesures clés. Cela vous permet de connaître la vitesse de votre page, mais aussi d’y apporter des modifications plus facilement. Le site web est donc plus rapide, le trafic plus important et les conversions plus nombreuses.
Le livre le plus complet sur la vitesse des sites web
J’ai tellement écrit sur l’accélération des sites web et sur tout ce qui s’y rapporte que j’aime diviser mes articles en différentes sections : généralités, outils, points d’amélioration de la vitesse et conseils. N’hésitez pas à consulter tous les liens ci-dessous pour en savoir plus sur les outils et les conseils permettant d’accélérer votre site web.
Général
- Quelle est la vitesse du site web ?
- Vitesse du site web : la division entre le marketing et le développement
- L’influence du SEO sur l’UX
- L’influence de la conception des sites web sur le référencement
- SPAs et SEO
- Qu’est-ce que l’indice Google Core Web Vitals ?
Outils
Amélioration de la vitesse
- Première peinture de contenu (FCP)
- Temps au premier octet (TTFB)
- Temps d’interaction (TTI)
- Image pour Largest view with content (LCP) preloaded (Vue la plus large avec contenu préchargé)
- Activer la compression de texte
- Réduire le CSS
- Indice de vitesse
- Réduire JavaScript
- Le plus grand tableau de contenu
- Éviter les DOM excessifs
- Supprimer les feuilles de style CSS inutilisées
- Supprimer les JavaScript inutilisés
- Fournir des images dans des mises en page modernes
- Se connecter à l’avance aux origines requises
- Empêcher la diffusion de JavaScript obsolète dans les navigateurs modernes
- Utiliser une politique de cache efficace pour les éléments statiques
- Supprimer les modules dupliqués de JavaScript
- Éviter les redirections multiples
- Encoder efficacement les images
- Utiliser le chargement paresseux
- Chargez les demandes importantes à l’avance
Conseils généraux
- Conseils pour charger rapidement une vidéo
- Utiliser Edge SEO pour un site web plus rapide
- Installer un réseau de diffusion de contenu pour le référencement
- Optimiser les images pour le référencement
- L’impact de l’hébergement sur le référencement
- Quoi de neuf dans DevTools (Chrome 84) | Blog | Chrome pour les développeurs. (s.d.). Chrome pour les développeurs. https://developers.google.com/web/updates/2020/05/devtools
- Rendu sur le Web. (2019, 6 février). web.dev. https://web.dev/articles/rendering-on-the-web#terminology