Early Hints

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.

Preload e preconnect

Gli Early Hints sono progettati principalmente per funzionare con suggerimenti sulle risorse come preload e preconnect. Possono essere utilizzati per migliorare l’efficacia di preload e preconnect inviando questi suggerimenti al browser non appena viene effettuata la richiesta iniziale.

• Preload: dice al browser di caricare una risorsa il prima possibile. Gli Early Hints inviano al browser suggerimenti di precaricamento in anticipo, consentendogli di iniziare immediatamente a recuperare le risorse critiche (ad esempio CSS, JavaScript). Ciò riduce i tempi di blocco del rendering e migliora le prestazioni.
• Preconnect: stabilisce connessioni anticipate con origini di terze parti importanti. Gli Early Hints inviano suggerimenti preconnect in anticipo, consentendo al browser di stabilire connessioni di rete (risoluzione DNS, negoziazione TLS) in anticipo. Ciò riduce la latenza quando vengono effettuate le richieste effettive, permettendo di caricare le pagine più velocemente.

Per utilizzare efficacemente preload e preconnect, è necessario aggiungere intestazioni di collegamento specifiche alle risorse che si desidera contrassegnare per il precaricamento. È possibile utilizzare un plugin di WordPress per aggiungere gli header preload o preconnect alle risorse di WordPress, come WP Rocket, Perfmatters, o Pre* Party Resource Hints.

Note Importanti

1. 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.
2. 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à.
3. 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.
4. Non è possibile utilizzare gli Early Hints con un dominio kinsta.cloud temporaneo.

Abilitare Early Hints

1. Per abilitare Early Hints, basta accedere a MyKinsta e andare su Siti WordPress > nome del sito > Strumenti.
2. 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

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

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