Sebbene l'obiettivo di tutti sia ridurre il budget per le prestazioni web, è comunque necessario utilizzare servizi di terze parti. Quando si utilizzano questi servizi, il "Ricerca DNS" i tempi possono consumare una parte significativa del budget, a seconda del numero di servizi. Questi carichi influiscono su vari aspetti della velocità della pagina, incluso First Contentful Paint (FCP).
Lo scopo di questi due concetti è ottimizzare i tempi di connessione di terze parti. Prima di comprendere le differenze tra questi due concetti è necessario capire cosa succede esattamente quando viene effettuata una richiesta da parte di terzi:
- Il dominio viene risolto per ottenere un indirizzo IP.
- Viene stabilita una connessione con il server.
- La connessione è crittografata per garantire la sicurezza.
Questa gerarchia viene ripetuta per ogni connessione di terze parti. È qui che entra in gioco la differenza tra preconnessione e prefetch DNS.
- Preconnessione: Garantisce che tutti e tre i passaggi sopra menzionati siano preconfigurati.
- Prelettura DNS: Serve solo a convertire il nome di dominio in un indirizzo IP nel primo passaggio.
Come puoi vedere, la preconnessione è più completa e vantaggiosa. Tuttavia, tutto ha un costo. L'utilizzo della preconnessione per tutte le tue connessioni potrebbe avere un impatto negativo sull'ottimizzazione della tua pagina. Pertanto, yDovresti utilizzare preconnect solo per connessioni critiche e utilizzare dns-prefetch per tutte le altre connessioni di terze parti.
Riepilogo dell'utilizzo
Date le informazioni di cui sopra, ecco un breve riepilogo del loro utilizzo:
<link rel="preconnect" href="https://third-party-example.com">
<link rel="dns-prefetch" href="https://third-party-example.com">Compatibilità con i browser
Quando si discute del loro utilizzo, è anche importante menzionare la compatibilità del browser. Questi due concetti strettamente correlati sono ampiamente supportati dai browser moderni, ma il loro utilizzo non si sovrappone completamente. La preconnessione è supportata da circa il 97% dei browser mentre la lavorazione del prodotto finito avviene negli stabilimenti del nostro partner dns-prefetch è supportato dall'83% dei browser (a giugno 2024).
Contributo al budget per le prestazioni web
- La preconnessione può fornire un miglioramento totale della velocità di 100-500ms.
- DNS-Prefetch può velocizzare ogni connessione di 20-120ms.
Abbiamo intenzione di condurre i nostri test per fornire esempi locali più soddisfacenti.
Infine, vorrei raccomandare e citare il blog di Ceyhun Enki Aksan, che ha contribuito notevolmente alla mia comprensione durante la preparazione di questo articolo: Il blog di Ceyhun Enki Aksan.
