Ce este Resource Hints (preconnect, prefetch, dns-prefetch)?
Indicatii pentru browser sa pregateasca din timp conexiunile la servere externe
Definiție Resource Hints (preconnect, prefetch, dns-prefetch)
Resource hints sunt tag-uri HTML care spun browserului sa se pregateasca din timp: preconnect deschide conexiunea (DNS + TCP + TLS) catre un server extern inainte de a fi nevoie. dns-prefetch rezolva doar DNS-ul. prefetch descarca resurse care vor fi necesare pe pagina urmatoare. Reduc timpul de incarcare cu 100-300ms per conexiune.
De ce contează Resource Hints (preconnect, prefetch, dns-prefetch)
Fiecare resursa incarcata de pe un domeniu extern necesita DNS lookup + TCP handshake + TLS negotiation inainte de a primi primul byte — un proces care adauga 100-500ms per domeniu. Directiva preconnect stabileste aceste conexiuni in avans, eliminand latenta cand resursa este efectiv solicitata. Pentru site-uri care incarca fonturi, analytics si CDN-uri externe, preconnect poate economisi 500ms-1.5s cumulat.
Cum verifici Resource Hints (preconnect, prefetch, dns-prefetch)
SoftAudit analizeaza toate domeniile externe referentiate in pagina si verifica daca exista tag-uri <link rel=preconnect> in <head> pentru cele mai importante. Raportul listeaza domeniile externe ordonate dupa impactul asupra performantei si recomanda preconnect pentru cele utilizate in primele momente ale incarcarii.
Greșeli frecvente
Adaugarea de preconnect catre 10-15 domenii simultan este contraproductiva — fiecare conexiune consuma resurse de retea si CPU, iar browserul limiteaza numarul de conexiuni concurente. De asemenea, preconnect catre domenii ale caror resurse sunt incarcate cu lazy loading (deci nu in primele secunde) risipeste conexiuni care expira dupa 10 secunde nefolosite.
Bune practici
Limiteaza preconnect la 2-4 domenii critice utilizate in primele momente: CDN-ul principal, Google Fonts, provider-ul de analytics. Adauga crossorigin pe preconnect catre servere de fonturi si foloseste dns-prefetch ca fallback pentru browserele mai vechi. Plaseaza tagurile preconnect cat mai sus in <head>, inainte de orice fisier CSS.
Verifică acum
Folosește instrumentul gratuit SoftAudit pentru a verifica resource hints (preconnect, prefetch, dns-prefetch) pe site-ul tău.
Test Performanță — GratuitÎntrebări frecvente
Ce este Resource Hints (preconnect, prefetch, dns-prefetch)?
Resource hints sunt tag-uri HTML care spun browserului sa se pregateasca din timp: preconnect deschide conexiunea (DNS + TCP + TLS) catre un server extern inainte de a fi nevoie. dns-prefetch rezolva doar DNS-ul. prefetch descarca resurse care vor fi necesare pe pagina urmatoare. Reduc timpul de incarcare cu 100-300ms per conexiune.
De ce este important Resource Hints (preconnect, prefetch, dns-prefetch) pentru un website?
Fiecare resursa incarcata de pe un domeniu extern necesita DNS lookup + TCP handshake + TLS negotiation inainte de a primi primul byte — un proces care adauga 100-500ms per domeniu. Directiva preconnect stabileste aceste conexiuni in avans, eliminand latenta cand resursa este efectiv solicitata. Pentru site-uri care incarca fonturi, analytics si CDN-uri externe, preconnect poate economisi 500ms-1.5s cumulat.