TTFB (Time to First Byte)

Time to First Byte meet hoe lang het duurt voordat de browser de eerste byte van de HTML binnenkrijgt. Daarin zitten redirects, DNS-lookup, de verbinding en TLS-handshake, en de tijd die de server nodig heeft om de pagina te maken.

TTFB is geen Core Web Vital, maar elke milliseconde telt direct op bij LCP. Google hanteert als richtlijn 0,8 seconde of sneller als goed en meer dan 1,8 seconde als slecht. Voor een webshop met goede caching is 0,8 seconde ruim.

Een redirect telt volledig mee. Een bezoeker die via een advertentie op http://voorbeeldshop.nl landt en via twee redirects op de juiste URL komt, heeft al een paar honderd milliseconden verloren voordat de server aan de echte pagina begint.

Magento rendert pagina's met PHP en tientallen databasequeries. Zonder cache kost een categoriepagina al snel honderden milliseconden tot seconden. Met full page cache in Varnish komt een gecachte pagina vrijwel direct terug. Het verschil tussen een cache-hit en een cache-miss is dus het verschil tussen snel en traag.

Waar het misgaat: een import die na afloop de hele cache leegt, waarna de eerste bezoekers op koude pagina's landen. Blokken die de cache van een hele pagina uitschakelen via cacheable="false" in de layout-XML. En URL-parameters die voor elke variant een nieuw cache-object maken. De standaard Varnish-configuratie van Magento negeert een aantal bekende marketingparameters zoals gclid en utm_source; eigen tracking-parameters moet je zelf toevoegen.

De hosting telt mee: PHP-versie, OPcache, Redis en voldoende geheugen. Hypernode, waar wij Silver Partner van zijn, levert een stack die hierop is ingericht.

Shopify host en cachet zelf, dus de TTFB is meestal in orde en je hebt weinig invloed op de serverkant. Zware Liquid-logica, zoals loops over grote collecties of veel metafields, kan de rendertijd wel oprekken.

Bij Laravel bepaal je alles zelf: response caching, query-optimalisatie, queues voor zwaar werk en een CDN ervoor. Dat is vrijheid, maar zonder caching-strategie ook een valkuil.

Voor alle platforms geldt: hoe minder werk per request, hoe beter. Een CDN voor statische bestanden en afbeeldingen haalt load van de server, zodat die zich op de HTML kan richten.

CrUX en PageSpeed Insights tonen TTFB van echte bezoekers. Met curl meet je snel een enkele request vanaf je eigen machine. Draai die meting twee keer: de eerste is vaak een cache-miss, de tweede een hit. Zit er groot verschil tussen, dan weet je waar je moet zoeken. Een Server-Timing-header laat zien waar de servertijd heen gaat.