Come accelerare il tempo al primo byte (TTFB)

Coloro che sono preoccupati per le prestazioni del front-end web incontreranno il problema del lungo tempo di attesa Time to First Byte (TTFB) durante l'ottimizzazione delle prestazioni web. Per i siti WordPress non ottimizzati, il tempo TTFB spesso supera il tempo di download del contenuto della pagina, portando inutili tempi di attesa per gli utenti. Il motivo principale di questo problema è lato server, per coloro che non hanno familiarità con il funzionamento e la manutenzione del server potrebbero non sapere da dove cominciare, oggi analizzeremo i vari aspetti delle cause e delle soluzioni di TTFB.

Che cos'è il tempo al primo byte (TTFB)

TTFB sta per Time to First Byte, che si riferisce al momento in cui il browser inizia a ricevere i dati di risposta dal server (tempo di elaborazione in background + tempo di reindirizzamento) ed è un indicatore importante della velocità di risposta del server. Ad esempio, se fai una domanda al tuo amico, più breve è il tempo che il tuo amico pensa, più intelligente è il tuo amico o più ha familiarità con il tuo problema. Per il server, più breve è il tempo TTFB, più veloce è la risposta del server.

Quanto tempo è considerato lungo il tempo TTFB?

Poiché l'hardware e l'ambiente di rete di ciascun server sono diversi, anche l'ora TTFB di ciascun server è diversa. Se vuoi sapere fino a che punto il tuo server può essere ottimizzato, puoi caricare alcune pagine HTML statiche sul server e quindi aprire queste pagine statiche per vedere il tempo TTFB di alcune di queste pagine, la maggior parte dei server ha un tempo TTFB inferiore a 50 ms, questa volta è il momento in cui possiamo perseguire l'ottimizzazione. I tempi TTFB nelle due figure seguenti sono i tempi di attesa TTFB delle pagine statiche e dinamiche sul server in cui è ospitato questo sito.

Tempo di attesa della pagina Web statica (TTFB)

Tempo di attesa della pagina web dinamica (TTFB)

Secondo i nostri test, se il tempo TTFB supera i 500 ms, gli utenti sentiranno un'attesa significativa all'apertura della pagina web. Possiamo considerare 500 ms come benchmark.

Motivi per un lungo TTFB

Come sappiamo, per le pagine Web dinamiche, quando il server riceve una richiesta da un utente per aprire una pagina, prima legge i dati necessari per la pagina dal database, quindi passa i dati nel modello, che viene visualizzato e quindi restituito all'utente. Poiché l'interrogazione dei dati e il rendering del modello richiedono del tempo, il browser è costantemente in attesa di ricevere una risposta dal server fino al completamento di questo processo. Alcuni servizi hanno prestazioni inferiori o non sono ben ottimizzati e questo tempo sarà più lungo.

Naturalmente, se la rete tra il server e l'utente non è buona, (ad esempio, se il server è in Europa e l'utente è in Asia, quando l'utente apre la pagina, la richiesta deve attraversare migliaia di miglia per raggiungere il server), il server impiega troppo tempo per ricevere la richiesta dell'utente, che è anche la ragione del lungo tempo TTFB.

A volte, la pagina salva troppi cookie nel browser dell'utente e ogni volta che viene effettuata una richiesta, questi cookie devono essere inviati al server e il server deve elaborarli, che è anche uno dei motivi per il lungo TTFB tempo.

La soluzione per lunghi TTFB

Una volta che si conosce la causa, la soluzione è ovvia e consiste nell'accorciare il tempo di risposta del server. Quando viene caricata una pagina web, equivale a scaricare la pagina statica direttamente dal server.

Se la causa di tale problema è la rete, cambiare un server è una soluzione più diretta. Se per qualche motivo non è possibile modificare il server, è possibile utilizzare un CDN per sincronizzare le pagine su un nodo CDN più vicino all'utente, che è anche una buona soluzione.

Se la causa sono i cookie, è possibile eliminare alcuni cookie non necessari modificando l'applicazione, o semplificare il contenuto dei cookie, abbreviare il periodo di validità dei cookie, ecc.,