Timpul până la primul byte (TTFB) măsoară cât durează până când browserul primește primul răspuns de la server după ce trimite o cerere. Acesta este un factor critic pentru Core Web Vitals, deoarece influențează direct timpul de încărcare perceput și indexarea în motoarele de căutare. Dacă ignorăm această metrică, utilizatorii vor întâmpina întârzieri vizibile, ceea ce duce la o rată mai mare de abandon și la o experiență slabă, indiferent cât de optimizate sunt imaginile sau scripturile.
Cum o aplici
- Activează caching-ul la nivel de server: Configurează serverul web (Nginx, Apache) sau framework-ul backend pentru a servi paginile statice sau cele dinamice frecvent accesate din memorie cache.
- Implementează un CDN (Content Delivery Network): Folosește un CDN pentru a stoca copii ale conținutului tău pe servere distribuite global, apropiindu-le fizic de utilizatori.
- Optimizează backend-ul: Asigură-te că interogările bazei de date sunt eficiente și folosește cache-uri applicative (ex: Redis, Memcached) pentru a reduce timpul de procesare logică.
- Minimizează codul server-side: Evită operațiuni I/O lente sau apeluri API externe sincrone în fluxul critic de randare a paginii.
Exemplu
Configurarea unui header de cache pentru Nginx este esențială pentru a evita recalcularea paginii la fiecare acces.
Varianta greșită (fără cache):
location / {
proxy_pass http://backend_app;
# Serverul va procesa fiecare cerere de la zero
}
Varianta corectă (cu cache și CDN-friendly headers):
location / {
proxy_pass http://backend_app;
# Setează TTL de 1 oră pentru conținut static/dinamic stabil
add_header Cache-Control "public, max-age=3600";
# Permite CDN-urilor să stocheze răspunsul
add_header X-CDN-Cache "HIT" always;
}
Cum verifici
Utilizează instrumente de testare a performanței pentru a măsura TTFB. Lighthouse din Chrome DevTools oferă o estimare precisă a acestui timp în secțiunea de „Opportunities” sau „Diagnostics”. De asemenea, poți folosi PageSpeed Insights pentru o analiză completă bazată pe date reale (CrUX). Pentru verificări în timp real, monitorizează metricile în panoul de analitică al CDN-ului tău, unde TTFB este adesea raportat separat de timpul de transfer al fișierelor.
Greșeli frecvente
- Cache-ul pentru utilizatorii autentificați: Aplicarea unor reguli generice de cache fără a ține cont de sesiunile utilizatorilor poate duce la afișarea datelor personale ale altor persoane.
- Ignorarea latentei rețelei: Credința că un server rapid local este suficient, fără a lua în calcul distanța fizică față de utilizatorul final, ceea ce un CDN ar rezolva eficient.
- Backend-ul lent: Optimizarea excesivă a frontend-ului (imagini, JS) în timp ce serverul petrece zeci de secunde în interogări SQL ineficiente, făcând TTFB irelevant de mare.
Alte subiecte din „Core Web Vitals”
- Menține LCP sub 2,5 secunde la percentila 75
- Menține INP sub 200 ms prin task-uri scurte pe main thread
- Menține CLS sub 0,1 rezervând spațiu pentru conținutul încărcat târziu
- Identifică elementul LCP pentru fiecare tip de pagină
- Evaluează metricile separat pentru mobil și desktop
- Urmărește FCP și TBT ca metrici de diagnostic
- Depanează INP cu Long Animation Frames API (LoAF)