Early Hints

Ultimo aggiornamento 1 settembre 2025

Early Hints è uno standard web che si può implementare per migliorare i tempi di caricamento delle pagine fino al 30%. Questo standard definisce un nuovo codice di stato HTTP: 103 Early Hints.

Quando la funzione Early Hints è abilitata e un visitatore carica il sito con un browser compatibile, le risposte 103 vengono inviate al browser (prima delle risposte 200) con informazioni sulle risorse collegate che potrebbero comparire nella risposta finale del server. Grazie a queste informazioni, il browser può iniziare a preparare la pagina prima di ricevere la risposta 200 OK dal server. In questo modo il browser può preparare la pagina per il caricamento in modo più efficiente mentre il server sta “pensando”.

Il meccanismo degli Early Hints può essere utilizzato con qualsiasi tipo di intestazione di collegamento o suggerimento di risorsa, come ad esempio preload e preconnect. Aiuta a migliorare le prestazioni delle pagine web consentendo ai browser di iniziare a recuperare o preparare le risorse prima che venga ricevuta la risposta finale.

Come parte dell’integrazione di Cloudflare di Kinsta, puoi abilitare gli Early Hints per il tuo sito WordPress in MyKinsta per il tuo dominio. Non è possibile utilizzare gli Early Hints con un dominio kinsta.cloud temporaneo.

Configurare gli Early Hints in un sito WordPress

Gli Early Hints sono progettati per migliorare le prestazioni dei suggerimenti sulle risorse, come preload e preconnect, inviando queste direttive al browser prima che la risposta finale del server sia pronta. Ciò consente al browser di iniziare prima il caricamento o la connessione alle risorse critiche, migliorando i tempi di caricamento delle pagine e l’esperienza dell’utente.

Preload: La direttiva preload dice al browser di recuperare le risorse importanti (ad esempio CSS, JavaScript, font) il più presto possibile. Quando vengono utilizzate con gli Early Hints, queste istruzioni di preload vengono inviate immediatamente dopo la richiesta iniziale, consentendo al browser di avviare il download delle risorse critiche anche prima di ricevere la risposta completa. Ciò riduce il tempo di blocco del rendering e migliora le prestazioni percepite e effettive.
Preconnect: la direttiva preconnect avvia connessioni anticipate a domini di terze parti importanti (ad esempio, analisi, CDN, API). Gli Early Hints inviano questi segnali di preconnect in anticipo, consentendo al browser di eseguire in anticipo ricerche DNS, handshake TCP e negoziazioni TLS. Ciò riduce la latenza della connessione e accelera il caricamento delle risorse da origini esterne.

Per sfruttare i vantaggi degli Early Hints, è necessario innanzitutto configurare correttamente preload e preconnect aggiungendo le intestazioni Link: appropriate alle risorse desiderate sul proprio sito WordPress. Ciò può essere fatto utilizzando plugin di ottimizzazione quali:

Questi strumenti consentono di definire e gestire facilmente le intestazioni preload e preconnect senza modificare manualmente il codice.

Note Importanti

Il vostro sito dovrà avere l’intestazione Link: response con il tipo di relpreload o preconnect per indicare le risorse che volete includere nella risposta di Early Hints. È possibile utilizzare un plugin WordPress per aggiungere gli header preload o preconnect alle risorse di WordPress.
Il codice di stato 103 Early Hints è compatibile con le ultime versioni di Chrome, Edge, Safari e Firefox. Se un browser non supporta gli Early Hints e gli viene inviata un’intestazione di risposta 103, non accadrà nulla; il browser semplicemente la ignorerà.
Se un sito ha più di 20 domini, l’attivazione di Early Hints può richiedere 5 o più minuti, a seconda del numero totale di domini.
Non è possibile utilizzare gli Early Hints con un dominio kinsta.cloud temporaneo.

Abilitare gli Early Hints in Cloudflare

Nell’account Cloudflare, selezionare il dominio e fare clic su Speed > Optimization > Content Optimization e attivare Early Hints.

Abilitare gli Early Hints in MyKinsta

Per abilitare Early Hints, basta accedere a MyKinsta e andare su Siti WordPress > nome del sito > Strumenti.
Alla voce Early Hints, cliccare sul pulsante Abilita.

Nell’angolo in alto a destra apparirà una notifica che indica l’avvenuta abilitazione di Early Hints.

Testare Early Hints

Per confermare il funzionamento di Early Hints, ispezionate le intestazioni HTTP di una pagina del vostro sito e cercate eventuali intestazioni Link: con il tipo di relpreload o preconnect che avete aggiunto. Per ispezionare le intestazioni HTTP del vostro sito, potete utilizzare uno dei seguenti strumenti:

Il nostro strumento di controllo gratuito di stato e reindirizzamento HTTP.
Gli strumenti di sviluppo integrati nel browser web.
Il comando curl in Terminal (linea di comando), sostituendo l’URL alla fine di questo esempio con l’URL della pagina che si desidera testare:

curl -L -s -o /dev/null -D - https://kinstaexample.com

Disabilitare Early Hints

Per disabilitare Early Hints, è necessario accedere a MyKinsta e andare su Siti WordPress > nome del sito > Strumenti.
Alla voce Early Hints, cliccare sul pulsante Disabilita.

Disabilitare gli Early Hints in MyKinsta.

Nell’angolo in alto a destra apparirà una notifica che indica l’avvenuta disattivazione di Early Hints.