TTFB – Time to First Byte
TTFB jelentése és javítása: DNS, kapcsolat, TLS, szervermunka, cache és miért diagnosztikai mutató, nem a három aktuális Core Web Vital egyike.
Röviden
A Time to First Byte a navigáció/request kezdetétől az első response byte megérkezéséig tartó időt méri a kliens szemszögéből. Magában foglalhat kapcsolat- és hálózati időt, valamint a szerver válasz előállítását. Fontos diagnosztikai jel, de nem része az aktuális három Core Web Vitalnak.
Mit jelent a ttfb – time to first byte?
A Time to First Byte a navigáció/request kezdetétől az első response byte megérkezéséig tartó időt méri a kliens szemszögéből. Magában foglalhat kapcsolat- és hálózati időt, valamint a szerver válasz előállítását. Fontos diagnosztikai jel, de nem része az aktuális három Core Web Vitalnak.
TTFB út
01
DNS/connect
02
TLS
03
Server wait
04
Network
05
First byte
Hogyan működik a gyakorlatban?
Magas TTFB oka lehet távoli origin, lassú database query, sorban állás, cache miss, cold start, redirect vagy szerveroldali rendering. CDN edge cache és megfelelő server cache sok publikus oldalnál nagyot segíthet.
- TTFB LCP alsó korlátját is növeli, mert HTML előtt a browser nem fedezi fel a legtöbb erőforrást.
- Redirect chain extra round tripet adhat.
- Cache hit és cache miss TTFB-je nagyon eltérő lehet.
- Backend profiling kell, ha szerveroldali munka a domináns rész.
Gyakorlati fejlesztői szemlélet
Válaszd szét a regionális hálózati késést és origin compute időt. Ha a közelben is lassú a response, szerver/query/cache irányban keress; ha csak távoli régióban rossz, edge stratégia lehet fontosabb.
Gyakori hibák és félreértések
- TTFB-t Core Web Vitalnak nevezni.
- Minden magas TTFB-t hosting szolgáltató hibájának gondolni.
- Dinamikus, személyes response-t vakon public CDN cache-be tenni.
Források és szabványok
A technikai részletekhez elsődleges szabványokat és karbantartott hivatalos dokumentációt használok. Frameworkök, böngészők és webes API-k idővel változhatnak, ezért implementálás előtt mindig ellenőrizd az aktuális dokumentációt is.
Kapcsolódó ByBence Academy