TBT
Afkorting van Total Blocking Time
Wat betekent TBT?
TBT meet hoe lang je pagina tijdens het laden niet reageert op klikken of typen, omdat de browser bezig is met zware scripts. Het is de opgetelde tijd van lange blokkerende taken, gemeten in een testomgeving zoals Lighthouse.
Veelgestelde vragen over TBT
Hoe meet ik de TBT van mijn website?
Je meet TBT het makkelijkst met PageSpeed Insights van Google. Zo doe je dat:
- Ga naar pagespeed.web.dev en vul de url van je pagina in.
- Kies het tabblad Mobiel of Desktop.
- Scrol naar de prestatiemetingen uit de labtest en zoek Total Blocking Time.
Je kunt ook Lighthouse in Chrome gebruiken. Klik met rechts op je pagina, kies Inspecteren en open het tabblad Lighthouse. Test meerdere belangrijke pagina's, zoals je homepage en productpagina's, want elke pagina laadt andere scripts.
Wat is een goede TBT-score voor mijn website?
Lighthouse beoordeelt een TBT van 200 milliseconden of minder als goed bij de mobiele test. Tussen 200 en 600 milliseconden krijg je oranje, daarboven rood. Voor desktop zijn de grenzen strenger, omdat een computer scripts sneller verwerkt.
Staar je niet blind op één meting, want de uitkomst verschilt per test. Draai de test een paar keer en kijk naar de trend. TBT weegt zwaar mee in de totale prestatiescore van Lighthouse. Een hoge TBT drukt die score dus flink omlaag.
Hoe verlaag ik de TBT van mijn WordPress-website?
Je verlaagt TBT door minder JavaScript uit te voeren tijdens het laden. Met WP Rocket of LiteSpeed Cache regel je veel zonder code:
- Zet het uitstellen van JavaScript aan (Delay JavaScript execution).
- Laad scripts met defer, zodat ze de pagina niet blokkeren.
- Verwijder plugins die je niet gebruikt, zoals sliders of extra pop-ups.
- Laad chatwidgets en ingesloten social media pas als ze nodig zijn.
Test je site daarna goed. Uitgestelde scripts kunnen soms menu's, sliders of formulieren laten haperen. Zet zo'n script dan op de uitzonderingenlijst.
Telt TBT mee voor mijn positie in Google?
Niet direct, en dat is een veelvoorkomend misverstand. TBT is een labmeting: een gesimuleerde test. Voor de Core Web Vitals kijkt Google naar gegevens van echte bezoekers, en daarin is INP (Interaction to Next Paint) de meting voor reactiesnelheid.
Wel hangen ze samen. Een hoge TBT wijst vaak op zware scripts die ook echte bezoekers trage reacties geven. Gebruik TBT dus om problemen op te sporen. Of je verbeteringen effect hebben, zie je in het Core Web Vitals-rapport in Google Search Console.
Waarom is mijn TBT op mobiel veel hoger dan desktop?
Bij de mobiele test bootst Lighthouse een gemiddelde telefoon na met een tragere processor. Dezelfde scripts doen er dan langer over. Daardoor duren meer taken langer dan 50 milliseconden en tellen ze als blokkerend.
Je site is op mobiel dus niet kapot, maar je ziet hoe hij aanvoelt op een minder snelle telefoon. Veel bezoekers gebruiken juist zo'n toestel, dus richt je vooral op de mobiele score. Kijk in het rapport bij de diagnose naar het onderdeel over de uitvoeringstijd van JavaScript. Daar zie je welke scripts de meeste tijd kosten.
