Total Blocking Time

Total Blocking Time (TBT) is een webperformance-meting die aangeeft hoeveel milliseconden je website niet reageert op klikken, tikken of toetsaanslagen tijdens het laden. De metric telt alle periodes waarin de browser langer dan 50 milliseconden bezig is met JavaScript-taken die de gebruiker blokkeren. Een lage TBT betekent dat bezoekers sneller kunnen interacteren met knoppen, formulieren en menu's. Voor webshops en formulier-intensieve sites is een TBT onder de 300 milliseconden vaak het verschil tussen een conversie en een afhaakmoment.

Hoe Total Blocking Time de gebruikerservaring meet

Total Blocking Time ontstaat doordat browsers maar één ding tegelijk kunnen doen in de hoofdthread. Als een zware JavaScript-taak 200 milliseconden duurt, blokkeert die de browser voor 150 milliseconden (200 minus de toegestane 50). Alle blokkerende periodes tussen First Contentful Paint en Time to Interactive worden opgeteld tot de TBT-score. Google PageSpeed Insights toont deze waarde standaard, omdat het een sterke voorspeller is van Field Data zoals de Interaction to Next Paint. Een webshop met veel productfilters of een site met complexe animaties stapelt vaak onbedoeld blokkerende taken op. Het resultaat: bezoekers zien de pagina al, maar kunnen er nog niet mee werken.

Waarom Total Blocking Time nu een Core Web Vitals-signaal is

Google introduceerde TBT in 2020 als labmetric die correleert met First Input Delay, een van de oorspronkelijke Core Web Vitals. Sinds 2024 vervangt Interaction to Next Paint de FID, maar TBT blijft de beste voorspeller in gecontroleerde testomgevingen zoals Lighthouse. Zoekmachines gebruiken snelheid en interactiviteit als rankingfactor. Bezoekers verlaten sites die traag reageren, vooral op mobiel. In de praktijk zien we bij MKB-klanten dat een TBT-verbetering van 400 naar 200 milliseconden het bouncepercentage met 8 tot 12 procent kan verlagen. Dat maakt TBT een bruikbare metric voor iedereen die conversie en vindbaarheid wil verbeteren.

Wat Total Blocking Time oplevert voor webshops en leadformulieren

Een lage Total Blocking Time zorgt ervoor dat bezoekers direct kunnen klikken, scrollen en formulieren invullen zodra de pagina zichtbaar is. Voor webshops betekent dit minder verlaten winkelwagens: klanten hoeven niet te wachten voordat ze een product kunnen toevoegen of naar de checkout kunnen. Voor B2B-sites met contactformulieren verkleint een snelle interactie de kans dat een bezoeker afhaakt voordat het formulier reageert. Bij technische SEO-trajecten optimaliseren we TBT door JavaScript te splitsen, third-party scripts uit te stellen en render-blocking resources te verwijderen. Het resultaat is meetbaar: betere conversieratio's, langere sessies en hogere posities in Google. TBT is geen doel op zich, maar een signaal dat je site klaar is voor actie op het moment dat de bezoeker dat ook is.

Total Blocking Time gebruik je om knelpunten in de laadervaring op te sporen voordat bezoekers afhaken. De metric helpt je prioriteren welke scripts, plugins of third-party tools je moet optimaliseren of uitschakelen. Hieronder vier concrete situaties waarin TBT-monitoring verschil maakt voor Nederlandse MKB-bedrijven.

Webshop-checkout optimaliseren voor mobiele conversie

Een webshop met 800 producten en vijf betaalmethoden laadt vaak zware JavaScript-bibliotheken voor payment providers, adresinvulling en analytics. Als de TBT op mobiel boven de 500 milliseconden uitkomt, kunnen klanten niet direct op de afrekenknop klikken. Ze zien de knop wel, maar de browser reageert niet. Dat leidt tot frustratie en verlaten winkelwagens. Door TBT te meten in PageSpeed Insights of Lighthouse ontdek je welke scripts de hoofdthread blokkeren. Vaak zijn dat Google Tag Manager-containers met tien tags, chatwidgets of A/B-testing-tools. Door deze scripts asynchroon te laden of uit te stellen tot na de eerste interactie, daalt de TBT met 200 tot 400 milliseconden. Het resultaat: snellere checkout, minder bounces en meetbaar hogere conversie op mobiel.

Landingspagina's met formulieren sneller interactief maken

Een B2B-dienstverlener met leadformulieren op iedere landingspagina wil dat bezoekers direct kunnen typen zodra de pagina verschijnt. Als de TBT hoog is door tracking-scripts, font-loaders of animatie-libraries, duurt het soms twee seconden voordat het formulier reageert. Bezoekers denken dat de site kapot is en vertrekken. Door TBT te monitoren in een webdesign-traject kun je render-blocking CSS en JavaScript identificeren. Praktische stappen: vervang zware animatie-libraries door CSS-alternatieven, laad Google Fonts lokaal en stel marketing-pixels uit tot na Time to Interactive. Een TBT-daling van 350 naar 150 milliseconden verbetert de gebruikerservaring direct en verhoogt de kans dat bezoekers het formulier invullen met 10 tot 15 procent.

WordPress-sites met pagebuilders en plugins versnellen

Een WordPress-site met Elementor, WooCommerce en tien actieve plugins stapelt vaak JavaScript op. Elke plugin voegt eigen scripts toe, ook op pagina's waar ze niet nodig zijn. Het gevolg: een TBT van 600 milliseconden of meer, vooral op product- en blogpagina's. Door TBT te meten per paginatype ontdek je welke plugins de grootste impact hebben. Veelvoorkomende boosdoeners: social-share-buttons, slider-plugins en live-chat-widgets. Door plugins te deactiveren op pagina's waar ze niet nodig zijn, scripts te bundelen of lazy-loading toe te passen, kun je de TBT halveren. Bij WordPress-onderhoudscontracten controleren we TBT maandelijks en optimaliseren we de plugin-stack. Dat voorkomt dat nieuwe updates de performance ongemerkt verslechteren.

Wanneer Total Blocking Time de juiste metric is en wanneer niet

Total Blocking Time is waardevol als je wilt weten waarom bezoekers niet kunnen klikken of scrollen tijdens het laden. Het is een labmetric, dus je meet het in gecontroleerde omstandigheden zoals Lighthouse. Voor real-world interactiviteit kijk je naar Interaction to Next Paint in de Chrome User Experience Report. TBT is minder bruikbaar voor sites die nauwelijks JavaScript gebruiken, zoals eenvoudige blogs of statische landingspaginas. In die gevallen is de TBT al laag en levert optimalisatie weinig op. Gebruik TBT niet als enige metric: combineer het met Largest Contentful Paint en Cumulative Layout Shift voor een compleet beeld van de gebruikerservaring. Zo voorkom je dat je TBT verbetert ten koste van andere Core Web Vitals.