Come ridurre TTFB per migliorare i tempi di caricamento delle pagine di WordPress

Quando si tratta della velocità complessiva del tuo sito WordPress, molte volte ci concentriamo sulle prestazioni e sull'ottimizzazione del front-end per migliorare la velocità di caricamento della pagina. Tuttavia, a volte è bene guardarlo dal lato server, dove il tuo sito web inizia a caricarsi originariamente. Oggi ci addentreremo nel modo in cui TTFB (time to first byte) ti influenza e discuteremo alcuni semplici modi per ridurlo. TTFB è comunemente un fattore di prestazioni trascurato, ma dovrebbe essere preso in considerazione quando si testa la velocità del tuo sito.

• Cos'è TTFB?
• TTFB è importante?
• Come misurare il tuo TTFB
• 4 modi per ridurre TTFB sul tuo sito WordPress

Cos'è TTFB?

TTFB sta per tempo al primo byte . In parole povere, questa è una misura di quanto tempo il browser deve attendere prima di ricevere il suo primo byte di dati dal server. Più tempo ci vuole per ottenere quei dati, più tempo ci vorrà per visualizzare la tua pagina. Un malinteso comune è che questo venga calcolato dopo i tempi di ricerca DNS, tuttavia, il calcolo originale di TTFB in rete include sempre la latenza di rete. Ciò comporta un processo in 3 fasi e ritardi e latenza possono verificarsi ovunque nel mezzo, sommandosi al tuo TTFB totale.

1. Richiesta al server

Quando qualcuno visita il tuo sito web, la prima cosa che accade è che una richiesta HTTP viene inviata dal client (browser) al server. In questo passaggio, ci sono una varietà di fattori che possono introdurre ritardi. Tempi di ricerca DNS lenti potrebbero contribuire a un aumento del tempo per la richiesta. Se il server si trova geograficamente lontano, ciò può introdurre latenza nella distanza che i dati devono percorrere. Inoltre, se si dispone di regole firewall complesse, ciò potrebbe aumentare il tempo di instradamento. E non dimenticare la velocità Internet del cliente.

2. Elaborazione del server

Dopo che la richiesta è stata inviata, il server ora deve elaborarla e generare una risposta. Ciò potrebbe introdurre una serie di ritardi diversi come chiamate lente al database , troppi script di terze parti, mancata memorizzazione nella cache della prima risposta, codice o tema WordPress mal ottimizzati e risorse del server inefficienti come I/O del disco o memoria.

3. Risposta al Cliente

Dopo che il server ha elaborato la richiesta, deve rispedirla al client (o meglio restituire il primo byte). Ciò è fortemente influenzato dalla velocità di rete del server e del client . Se il client ha una connessione Internet lenta da un hotspot Wi-Fi, si rifletterà nel TTFB.

TTFB è importante?

È importante capire che TTFB (time to first byte) non è lo stesso della velocità del sito web. Questa è davvero una misura della reattività. Ci sono molte discussioni sul web sull'importanza o meno di TTFB. Alcuni dicono che non ha senso (Cloudflare, LittleBizzy), e altri dicono che è importante (Ilya Grigorik, Web Performance Engineer di Google). Entrambe le parti sollevano alcuni punti validi sul perché o perché non è importante e anche alcune domande su come viene effettivamente calcolato.

Moz ha anche condotto uno studio approfondito sulla correlazione tra le classifiche di ricerca e il tempo al primo byte. Tuttavia, è difficile sapere se questa fosse la causa o se i siti con TTFB più basso fossero anche semplicemente più veloci in generale, il che a sua volta potrebbe essere influenzato dal fattore di ranking della velocità della pagina di Google.

Tuttavia, piuttosto che perdere tempo a insistere sull'importanza o meno, preferiremmo concentrarci sulle ottimizzazioni che puoi fare per migliorare questa metrica. Tutto ciò che fai può contribuire alla velocità complessiva del tuo sito WordPress e questo, a sua volta, influenzerà il tuo TTFB. Nei nostri test i siti con TTFB molto maggiore si caricano semplicemente e si sentono più lenti.

In generale, qualsiasi cosa sotto i 100 ms è ottimo e buono TTFB . Google PageSpeed ​​Insights consiglia meno di 200 ms per il tempo di risposta del server. Se sei nell'intervallo 300-500 ms, questo è piuttosto standard. E se hai più di 600 ms, potresti avere qualcosa di configurato in modo errato sul tuo server o potrebbe essere il momento di eseguire l'aggiornamento a uno stack web migliore. Oppure segui i nostri consigli di seguito su come ridurre il tuo TTFB. E ricorda che anche la negoziazione SSL/TLS può essere un fattore determinante.

Come misurare il tuo TTFB

Esistono molti modi diversi per testare il tuo TTFB. Esploreremo un paio di seguito. Ma ricorda, ogni strumento darà risultati leggermente diversi, quindi è importante usarne semplicemente uno e attenersi ad esso per una linea di base.

Misura TTFB con Google Chrome DevTools

Puoi misurare TTFB in Google Chrome avviando DevTools. Ricorda però, se stai testando dal tuo computer che TTFB è influenzato dalla latenza di rete e dalla tua connessione Internet. Quindi è probabilmente più efficace utilizzare uno strumento di terze parti (come mostrato più avanti) che sta testando da un data center.

• Seleziona Altri strumenti > Strumenti per sviluppatori dal menu Chrome.
• Fare clic con il pulsante destro del mouse su un elemento della pagina e selezionare Ispeziona
• Usa le scorciatoie da tastiera Ctrl + Maiusc + I (Windows) o Cmd + Opt + I (Mac)

Puoi avviare la finestra di rete e vedere le prestazioni del tuo sito.

Misura TTFB con lo strumento di Geekflare

Geekflare ha una straordinaria raccolta di strumenti gratuiti che puoi utilizzare per testare e risolvere i problemi sul tuo sito web. Lo strumento TTFB di Geekflare è semplice, veloce e ti consente di vedere quanto velocemente (basso) è il tuo tempo per il primo byte da tre posizioni in tutto il mondo.

Misura TTFB con WebPageTest

Puoi anche misurare il tuo TTFB con WebPageTest. Secondo il loro glossario, il tempo target è il tempo necessario per le negoziazioni DNS, socket e SSL + 100 ms. Verrà sottratta una sola lettera ogni 100 ms oltre l'obiettivo. Come puoi vedere nel nostro test di seguito, questo sito ha misurato a 0,256 s o 256 ms TTFB.

Misura TTFB con Pingdom

Chrome e WebPageTest lo chiamano TTFB. Tuttavia, se stai usando Pingdom, in realtà viene indicato come tempo di "Attesa". Assicurati di controllare anche la nostra guida approfondita su come usare Pingdom.

Misura TTFB con GTmetrix

In GTmetrix, proprio come con Pingdom, TTFB viene chiamato tempo di attesa. Assicurati di consultare anche la nostra guida approfondita su come utilizzare GTmetrix.

Misura TTFB con lo strumento da KeyCDN

KeyCDN ha un ottimo strumento di test delle prestazioni web in cui puoi misurare il tuo TTFB da 14 posizioni diverse contemporaneamente. Come puoi vedere di seguito nel nostro test, il TTFB è basso negli Stati Uniti e molto più alto all'estero. Questo perché il nostro server si trova fisicamente negli Stati Uniti. Questa è la prova qui che la latenza e la distanza giocano in TTFB.

Ci sono anche altri vari strumenti per misurare TTFB, come Sucuri Performance Tool e ByteCheck. Lo sapevate? Anche Google Analytics ha una sezione per vedere il tuo tempo medio di risposta. Basta fare clic su "Comportamento > Velocità del sito > Panoramica".

4 modi per ridurre TTFB sul tuo sito WordPress

Ora immergiamoci in alcuni modi su come ridurre il TTFB sul tuo sito WordPress.

1. Utilizza un host WordPress veloce

Il primo modo per ridurre TTFB è assicurarsi di utilizzare un host WordPress veloce. Abbiamo confrontato il TTFB di un host condiviso di terze parti (situato a Phoenix, AZ) e il TTFB di Kinsta (situato a Council Bluffs, Iowa). Abbiamo utilizzato la stessa identica configurazione con il tema predefinito Twenty Seventeen in esecuzione. Ricorda che Kinsta ora ha tutte le 29 posizioni di Google Cloud Platform disponibili, quindi è importante posizionare strategicamente il tuo sito WordPress più vicino ai tuoi visitatori.

Kinsta include anche la rete di livello premium di Google Cloud Platform su tutti i piani di hosting. Molti altri provider di hosting utilizzano la rete di livello standard di Google Cloud, che si traduce in velocità inferiori.

Host condiviso TTFB

In tutte le regioni, il TTFB medio è stato di 520 ms . Negli Stati Uniti e in Canada, il TTFB medio era di 240 ms .

Kinsta TTFB

In tutte le regioni, il TTFB medio è stato di 412 ms . Negli Stati Uniti e in Canada, il TTFB medio era di 164 ms . Se ospiti con Kinsta, puoi anche scegliere di ospitare il tuo sito WordPress in Europa o in Asia. Consulta l'elenco delle posizioni di Google Cloud Data Center.

Quindi, semplicemente utilizzando un host più veloce, abbiamo visto una diminuzione del 20% di TTFB a livello globale. E una diminuzione del 32% di TTFB negli Stati Uniti e in Canada. Avere un buon host WordPress con un'architettura attentamente studiata è fondamentale per ridurre il tuo TTFB. Questo è anche un buon motivo per scegliere con attenzione un luogo fisicamente situato in una regione in cui si trovano i tuoi clienti. Se la maggior parte dei tuoi clienti si trova negli Stati Uniti, non ospitare il tuo server in Europa (sebbene un CDN possa aiutarti a negare qualcosa).

2. Implementare una CDN

Un altro modo semplice per ridurre TTFB è utilizzare una rete di distribuzione dei contenuti (CDN). Se hai un sito web che serve visitatori in diverse parti del paese, o in tutto il mondo, questo può ridurre drasticamente il tuo TTFB. Come abbiamo visto sopra, la posizione è molto importante. Abbiamo eseguito un piccolo test per mostrare la differenza con KeyCDN come nostro provider CDN. Ogni test è stato eseguito 5 volte ed è stata calcolata la media.

TTFB senza CDN

Per prima cosa abbiamo eseguito un test con il nostro CDN disabilitato e, come puoi vedere, il nostro tempo di caricamento totale è stato di 1,45 s e il nostro TTFB medio su un asset era di circa 136 ms.

TTFB con CDN

Abbiamo quindi abilitato il nostro CDN ed eseguito nuovamente il test. Come puoi vedere, i nostri tempi di caricamento totali sono scesi a 788 ms e il nostro TTFB medio è ora di 37 ms! Che differenza può fare una CDN. Un'altra cosa importante da notare è che abbiamo scelto la località di Stoccolma per eseguire questo test. Come mai? Perché volevamo mostrarvi il vero miglioramento che si può avere diminuendo la distanza fisica. C'è un CDN POP situato a Stoccolma, quindi i nostri contenuti vengono serviti da Stoccolma.

Nota: se stai utilizzando Cloudflare, potresti avere un TTFB leggermente superiore. Ciò è probabilmente dovuto al sovraccarico aggiuntivo e alla complessità dell'esecuzione completa del servizio proxy. Ricorda che Cloudflare ha firewall aggiuntivi e altre funzionalità che alcuni provider CDN non hanno. Quindi dovresti prendere una decisione che potrebbe avvantaggiarti di più. Se l'intero sito non è ottimizzato correttamente, prendere il colpo sul TTFB leggermente più alto potrebbe valere il compromesso.

Tuttavia, potresti anche voler consultare la guida di WP Bullet sull'utilizzo della memorizzazione nella cache delle pagine di Cloudflare per ridurre il TTFB. Ciò potrebbe richiedere alcune impostazioni e test aggiuntivi. Assicurati di eseguire i tuoi test poiché ogni ambiente è diverso.

Lettura consigliata: Come configurare Cloudflare APO per WordPress.

3. Memorizzazione nella cache di WordPress

Un terzo modo e probabilmente uno dei modi più semplici per ridurre il tuo TTFB è utilizzare la memorizzazione nella cache sul tuo sito WordPress. Molti pensano solo che la memorizzazione nella cache possa aiutare a ridurre i tempi di caricamento, ma in realtà aiuta anche a ridurre il TTFB poiché aiuta a ridurre il tempo di elaborazione del server. Abbiamo eseguito di nuovo alcuni test con e senza l'esecuzione della cache. Ogni test è stato eseguito 5 volte ed è stata calcolata la media.

Senza cache in esecuzione

Abbiamo eseguito il sito tramite Pingdom e, senza cache in esecuzione, il nostro sito ha ottenuto un tempo di caricamento di 1,17 s e un TTFB di 560 ms.

Con cache abilitata

Abbiamo quindi abilitato la memorizzazione nella cache ed eseguito nuovamente il sito tramite Pingdom. Questa volta il nostro sito ha ottenuto un tempo di caricamento di 643 ms e un TTFB di 57 ms.

Quindi, abilitando la memorizzazione nella cache, siamo stati in grado di ridurre il nostro TTFB di un enorme 90%! Puoi leggere di più sulla memorizzazione nella cache di Kinsta. Lo facciamo a livello di server, il che significa che non sono necessari plug-in di memorizzazione nella cache. Se non stai utilizzando un host WordPress gestito, ti consigliamo di utilizzare un plug-in di memorizzazione nella cache gratuito come Cache Enabler.

4. Utilizzare un provider DNS premium

E, ultimo ma non meno importante, anche il DNS gioca un ruolo in TTFB. È difficile calcolare esattamente quanto è interessato, ma puoi comunque vedere i tempi di ricerca DNS complessivi e vedere che ci sono provider più veloci e più lenti là fuori. Abbiamo eseguito un paio di test con lo strumento di test di velocità SolveDNS. Ecco un esempio di dominio che utilizza il DNS gratuito di NameCheap e i tempi di risposta.

Nome gratuito DNS economico

E di seguito è riportato un esempio che utilizza il DNS premium di Amazon Route 53. Come puoi vedere in generale, i tempi di ricerca DNS sono molto più rapidi con Amazon. In genere i provider DNS premium avranno velocità migliori. Cloudflare è gratuito che ha anche grandi prestazioni.

Amazon Route 53 DNS

Assicurati di controllare il nostro post sul motivo per cui dovresti utilizzare un provider DNS premium. Abbiamo collaborato con Amazon Route 53 qui a Kinsta ed è disponibile per tutti i clienti gratuitamente.

Sommario

C'è una moltitudine di altre cose che potresti ottimizzare o correggere per ridurre TTFB, come la memorizzazione nella cache del database, l'IO del disco, l'utilizzo di Swap, la RAM, le impostazioni PHP, le impostazioni MySQL, le impostazioni di rete, il sovraccarico TLS, ecc. Ma quelli menzionati sopra sono abbastanza facile da implementare e ti darà il più veloce incremento delle prestazioni. Quindi la prossima volta che qualcuno ti chiederà come ridurre il tuo TTFB, ricorda che un host WordPress veloce, CDN, caching e DNS giocano tutti un ruolo enorme. Risolvere o migliorare quei colli di bottiglia farà il trucco.

Qual è stata la tua esperienza con TTFB? Ci piacerebbe sentirlo di seguito.