Significato di TTFB: la metrica più importante a cui nessuno pensa per i vitali Web principali

TTFB. È ora di pubblicare su Facebook? Piccolissimi Calcio? Tonno e Pomodoro su Pane Fibra? Eri piuttosto affettuoso al pensiero di quel panino al tonno e pomodoro con la faccia aperta. TTFB, ovviamente, è "Time To First Byte". Lo sapevi tutto il tempo. Anche noi, è solo che il camion del cibo di Sam si è fermato ed è ora di pranzo qui.

Che cos'è TTFB e in che modo influisce sui miei siti Web?

"Time to First Byte" (TTFB o First Byte Time), è uno dei primi valori che possono essere misurati sulla strada per un sito Web completamente caricato e rappresenta il tempo di risposta del server richiesto per le negoziazioni DNS, socket e SSL ( strette di mano). Se stai misurando i Google Core Web Vitals del tuo sito web, allora TTFB è una cosa importante.

“Byte? Strette di mano? Voglio solo che il mio sito web si carichi velocemente. Ho ottimizzato il mio sito. Ho i plugin. Dovrei essere a posto”. Se non sei un tecnico del server, molto di ciò che accade dietro le quinte dell'hosting di siti Web in questi giorni sembra che SpaceX dovrebbe gestirli. Ce l'abbiamo. Ma pensaci: anche SpaceX usa i paracadute per il rientro della capsula e questo è abbastanza tornato all'essenziale.

Portare il tuo sito web davanti al tuo cliente è come ricevere la tua pizza consegnata. Rilassati sul divano, guardi Netflix, ti viene la fame chimica e ordini una torta. Non molto tempo dopo, suona il campanello. Facile, vero? Succede tutte le volte. E se la pizza arrivasse due ore dopo l'ordinazione? E non stai ordinando solo una pizza, ne stai ordinando una per ciascuna delle dozzine o due persone che si stanno rilassando con te. Questa è la vita dell'Agenzia. Questo è ciò che significa gestire una moltitudine di siti.

I siti Web dei tuoi clienti non devono solo essere trovati (SEO) e consultati (UX e UI), ma devono anche essere consegnati, in tempo, all'utente finale. Molte cose possono rallentare quel processo. Il tempo di caricamento del sito Web è il primo passaggio di tale processo e non dovrebbe essere una di quelle cose che rallentano i siti Web dei clienti o tutti quei clienti.

Ancora tra le nuvole? Facciamo il backup.

Che cosa hanno a che fare i vitali web principali di Google con la velocità del sito web?

Google ha iniziato a parlare dei suoi Core Web Vitals a maggio 2020 e li ha lanciati a giugno 2021. Ne abbiamo sentito parlare molto e probabilmente stiamo già lavorando sodo per garantire che i nostri siti Web si carichino velocemente, siano pertinenti alle esigenze di un utente e ottengano il verde luce di Google, giusto?

I Core Web Vitals non sono solo siti Web a caricamento rapido: riguardano siti Web che forniscono. Tutto dipende dall'esperienza utente: caricare rapidamente i tuoi siti Web in modo che le persone possano fare ciò di cui hanno bisogno.

Core Web Vitals cerca non solo di garantire che le tue pizze vengano consegnate non appena fai clic su "esegui ordine", ma anche che abbiano un ottimo sapore.

I Core Web Vitals di Google misurano 3 cose: utilità, usabilità e piacere

• Largest Contentful Paint (LCP) – Tempo di caricamento: rassicura l'utente che i tuoi siti web sono utili. Questo dovrebbe richiedere meno di 2500 millisecondi. Non può essere caricato finché il server non effettua il contatto.

• First Input Delay (FID) – Interattività: assicura che i tuoi siti web siano utilizzabili. Questo dovrebbe richiedere meno di 100 millisecondi.

• Cumulative Layout Shift (CLS) – Website Movement: assicura che i tuoi siti web siano piacevoli. Questo punteggio dovrebbe essere inferiore a 0,1.

Vuoi misurare i tuoi siti web per Google Core Web Vitals?

Allora, qual è la connessione tra TTFB e Core Web Vitals?

Proprio come le tue pizze: crosta spessa, extra di formaggio, giusto? — la consegna non è la storia completa. L'esperienza della pizza è molto di più. Così sono i tuoi siti web per i loro utenti finali.

Oltre ai Core Web Vitals, c'è un altro termine che deve essere considerato separatamente: Google Web Vitals o semplicemente chiamato Web Vitals. I Vitali Web includono le seguenti metriche oltre ai Vitali Web principali menzionati sopra:

Primo Contentful Paint (FCP)

FCP è l'intervallo di tempo tra l'inizio del caricamento di una pagina Web e la comparsa del primo contenuto sullo schermo. Questo contenuto include testo, immagini (comprese le immagini di sfondo) e tutti i contenuti che rendono eccezionale il tuo sito web. 900 millisecondi è una buona velocità qui.

Tempo di blocco totale (TBT)

TBT misura l'intervallo di tempo tra il First Contentful Paint (FCP) e il Time to Interactive (TTI). Questo può essere utilizzato, ad esempio, per misurare i ritardi nella reazione del browser. TBT dovrebbe essere inferiore a 300 millisecondi.

Time to Interactive (TTI)

TTI ci dice quanto tempo ci vuole dopo l'inizio del caricamento di una pagina Web prima che le sottorisorse più importanti (come le risorse di terze parti) vengano caricate e la pagina sia in grado di rispondere rapidamente all'input dell'utente. 2400 millisecondi è una buona velocità.

Interazione con la pittura successiva (INP)

INP è una nuova metrica che mira a rappresentare la latenza di interazione complessiva di una pagina selezionando una delle interazioni più lunghe che si verificano quando un utente visita una pagina. Per le pagine con meno di 50 interazioni in totale, INP è l'interazione con la latenza peggiore. Per le pagine con molte interazioni, INP è spesso il 98° percentile della latenza dell'interazione.

Tempo al primo byte (TTFB)

TTFB indica la quantità di tempo che trascorre prima che il browser riceva il primo byte di contenuto della pagina. Più tempo ci vuole per ottenere quei dati dal server, più tempo ci vorrà per visualizzare la tua pagina web. Google consiglia di mantenere TTFB sotto i 200 millisecondi. In Rocket, siamo orgogliosi che la nostra piattaforma abbia un TTFB medio globale inferiore a 100 ms, a meno che alcune località non abbiano problemi di rete.

Il significato di TTFB è che è la metrica più importante a cui nessuno pensa per Core Web Vitals e, in effetti, la metrica più importante per i tuoi siti web. Come mai? In poche parole, le persone sono impazienti.

Se i tuoi clienti non stanno aspettando il caricamento dei tuoi siti Web, se ne stanno andando e i tuoi clienti li hanno persi come clienti. Non sai nemmeno quanti ne hai persi o se torneranno mai. È così semplice. E ci sono molti altri punti di consegna della pizza in città.

"Quando qualcuno visita il tuo sito e incontra un ritardo, la probabilità che il visitatore rimbalzi e vada altrove per trovare ciò di cui ha bisogno aumenta in modo significativo. Google osserva che la probabilità della frequenza di rimbalzo aumenta di circa il 32% per ogni secondo aggiuntivo necessario per il caricamento del sito. Quando i visitatori rimbalzano dal tuo sito, è improbabile che tornino, soprattutto se trovano ciò che stanno cercando su un altro sito Web molto più veloce. "

Rocket.net

Puoi approfondire l'importanza di TTFB e il tempo di caricamento dei miei siti Web?

Sappiamo che stai pensando ai "tempi di consegna della pizza", ma certo! Questo è probabilmente un aggiornamento per te. Ci aspettiamo che i nostri siti web si carichino velocemente. Affinché ciò accada, i tuoi siti Web dovrebbero essere leggeri. Tuttavia, ci sono molti passaggi tra il tuo server e il telefono cellulare del tuo cliente.

Ad esempio, se digitiamo www.yourwebsite.com nella barra degli URL, è necessario eseguire i seguenti quattro passaggi:

• Il browser si connette a un server DNS (Domain Name Server). Un server dei nomi di dominio traduce il nome host in un indirizzo IP basato su un numero. Ad esempio, il tuo sito web diventa 123.456.789.112.

• Il browser stabilisce una connessione al server del tuo sito web. Ciò avviene tramite diverse stazioni intermedie, in modo simile a un pacco che viaggia tra diversi centri postali prima di arrivare al tuo indirizzo. Speriamo che non sia la tua pizza.

• Se il tuo sito Web utilizza il protocollo SSL sicuro (ovviamente lo fa! giusto?), si verifica una cosiddetta stretta di mano. Client e server si identificano e viene stabilita la connessione crittografata.

• Il server invia i dati, che sono suddivisi in pacchetti, al client.

Se mandiamo una pizza in consegna, vari fattori determinano quando arriva. Tra questi la velocità del trasportatore e il tempo di lavorazione nei vari centri di distribuzione, che a sua volta dipende da determinate capacità (personale, attrezzature tecniche, forni, impasto per pizza…). Per non parlare di quell'autista o di quanto sia disordinato il tuo vialetto.

Allo stesso modo, molti parametri influenzano il Time to First Byte (TTFB).

Velocità di rete: la latenza di rete si riferisce al tempo impiegato da un pacchetto di dati per viaggiare dal mittente al destinatario. Ad esempio, se l'utente sta navigando all'interno di un hotspot WiFi occupato, di solito è alto e aumenta il TTFB.

Tempo di risposta del server DNS: se il server DNS elabora la richiesta lentamente, ad esempio perché è sovraccarico, si verifica anche la latenza. In generale, più lontano si trova fisicamente il server DNS, più tempo è necessario per fornire l'indirizzo IP.

Tempo di risposta del server: se il client ha stabilito una connessione con il server corretto, il server deve inviare i dati. Le capacità hardware limitate (ad esempio, una RAM insufficiente o una CPU insufficiente) rallentano questo processo. Inoltre, anche i server mal configurati con plug-in non necessari e obsoleti, database a reazione lenta e codice non pulito ritardano la trasmissione dei dati.

Proprio come il nostro autista di consegna della pizza, più passi devono fare, più roba giace intorno al tuo vialetto e più pesanti e il numero di pizze che devono trasportare, più lentamente si spostano verso la tua porta di casa.

Quindi la domanda è sempre stata la velocità rispetto alle funzionalità per il tuo portafoglio clienti. Non devi più scegliere. Come puoi imballare un intero sito Web WordPress o quella pizzeria WooCommerce in un pacchetto abbastanza leggero e piccolo da poter essere portato nella tasca del conducente ma abbastanza grande da alimentare, diciamo, WordCamp Europe in Portogallo?

Come puoi risolvere il problema della velocità del sito web da solo

Sai che la velocità dei tuoi siti Web ha un impatto importante su tutto, dall'esperienza utente alla SEO e persino sui tassi di conversione. Quindi un'opzione è provare a risolvere tu stesso il problema per quei siti Web che gestisci; è probabile che tu lo faccia nel modo in cui hai sempre fatto le cose. Come ha funzionato per te?

Se sei un'azienda di consegna di pizze, puoi dire ai tuoi autisti di non svoltare mai a sinistra. Mai consegnare nelle ore di punta. Accetta solo ordini prepagati. Molte agenzie lavorano con metodi collaudati e noi ti salutiamo. Senza di te, non saremmo nemmeno qui.

Esistono molti modi in cui puoi provare a migliorare la velocità dei tuoi siti Web gestiti:

• Utilizzare una CDN (rete di distribuzione dei contenuti)
• Ottimizza le immagini
• Minimizza i file CSS e JavaScript
• Riduci il numero di richieste HTTP, se possibile
• Usa la cache HTTP del browser
• Ridurre al minimo l'inclusione di script esterni
• Non utilizzare reindirizzamenti, se possibile

Se i tuoi clienti utilizzano WordPress per i loro siti Web, e scommettiamo che lo sono, allora ci sono anche modi standard per rendere più veloci quei siti Web all'interno del CMS:

• Scegli un tema efficiente
• Usa un generatore di pagine quando necessario
• Pulisci il database
• Ottimizza la dimensione delle immagini
• Usa la memorizzazione nella cache
• Ottimizza il codice del programma
• Non usare troppi plugin
• Estendi le funzioni senza usare troppi plugin

Dang tutto questo suona come un sacco di armeggiare! Probabilmente hai altre cose da fare, giusto? In effetti, lo fai.

Risparmia tempo gestendo il portafoglio della tua agenzia con la piattaforma Rocket

Come proprietario di un'agenzia, passi il tempo a fare una cosa meglio di chiunque altro e che è molto più importante dell'ottimizzazione delle tue immagini. Servi i tuoi clienti. Ti concentri sulla fornitura di soluzioni ai loro problemi. Ti concentri sul deliziarli. TU rendi la loro vita migliore!

Che cosa si può fare?

L'hosting gestito di WordPress è adatto al tuo portafoglio clienti, soprattutto quando non devi gestire l'host. È veloce ed è sicuro. L'hosting gestito gestisce le prestazioni e la sicurezza del tuo sito Web mentre ti concentri sulle cose importanti. Come portare quella deliziosa pizza al formaggio ai tuoi clienti non appena hanno fatto clic su "ordina ora".

“ Prima di passare a metodi per migliorare le metriche, dobbiamo comprendere lo stato attuale delle nostre applicazioni e dove si trovano i colli di bottiglia. Saper misurare i cambiamenti è il passo più importante per ottenere fiducia dalle nostre iniziative. Il problema può trovarsi ovunque tra la nostra infrastruttura di routing e il codice dell'applicazione!

Dev.to

La piattaforma Rocket offre alla tua agenzia un vantaggio

Qualsiasi attività di successo ha bisogno di un vantaggio competitivo. Alcune pizzerie riempiono i bordi di formaggio, altre la ricoprono completamente, il che è strano perché non c'è nessun bordo a cui aggrapparsi. Qual è il tuo vantaggio?

Accetti Bitcoin? Consentire alle persone di progettare le proprie scarpe da ginnastica online? Offrite la consegna con drone? Hai un sito web AMP? In realtà, dall'introduzione da parte di Google dei Core Web Vitals, anche l'importanza del formato AMP diminuirà in futuro.

Rocket.net offre anche un vantaggio alla tua agenzia. The Cloudflare Edge Network.. I server Edge sono qui per rendere Internet più veloce, il che significa che i tuoi siti web si caricano più velocemente. Il che significa utenti e visitatori soddisfatti. Significa che ordini la pizza da un posto centrale, ma la pizza viene cotta e consegnata più vicino alla tua posizione attuale.

“Un provider CDN collocherà i server in molte località, ma alcuni dei più importanti sono i punti di connessione ai margini tra reti diverse. I server perimetrali CDN archiviano (cacheggiano) i contenuti in posizioni strategiche per alleggerire il carico di uno o più server di origine".

Cloudflare

Caso di studio: come Twodot Marketing utilizza la piattaforma Rocket per ridurre della metà il tempo di caricamento dei propri clienti

Prima di Rocket, Twodot Marketing ospitava i propri siti Web WordPress su varie società di hosting; semplicemente non riuscivano a ottenere la velocità e la sicurezza per i loro clienti che stavano cercando.

"Entro un'ora dalla registrazione, ho fatto migrare il mio primo sito e sono rimasto sbalordito. Ho notato immediatamente un'ENORME differenza nella velocità della mia pagina, nel tempo al primo byte e nella reattività generale del sito Web della nostra azienda. 24 ore dopo, abbiamo avuto tutti i nostri clienti in diretta su Rocket che hanno ricevuto gli stessi grandi vantaggi".

Josh Etheridge, presidente marketing di Twodot/capo stratega

Che ne dici di un po' di formaggio extra su quella pizza?

Da quando gli aggiornamenti di Core Web Vital di Google sono più importanti che mai, è più importante che mai fornire i tuoi contenuti nel modo più rapido e sicuro possibile. Facile. Sicuro. Veloce. Sì, puoi averli tutti e tre. E non solo genericamente veloce: il più veloce per ogni utente specifico. Questo è il potere di The Edge.

Basato su Cloudflare Enterprise, Rocket.net aiuta il tuo sito Web WordPress e il tuo negozio online WooCommerce a beneficiare immediatamente .

• Ciò significa che il tuo sito Web è immediatamente preconfigurato.
• La velocità del tuo sito Web potenziata offre un migliore posizionamento SEO e conversioni più elevate.
• E con il nostro hosting a prova di hacker, memorizzato nella cache globale, il tuo sito Web è sempre aperto alle attività commerciali.

Parlare è economico. Lascia che Rocket ti mostri cosa significa DAVVERO l'hosting WordPress più veloce!

Risparmiare sulle prestazioni del sito, sul tempo e sui soldi della tua agenzia? Sì. La piattaforma Rocket ha funzionalità integrate che eliminano la necessità di versioni altrimenti a pagamento di plug-in di sicurezza, ottimizzazione delle immagini, CDN e caricatore di contenuti JS. Sono funzionalità integrate nella tua nuova piattaforma preferita (il prodotto precedentemente noto come Managed WordPress Hosting).

Parliamo di come possiamo migrare il tuo sito su Rocket.net, l'hosting WordPress più veloce disponibile ovunque. Lancia la tua Missione oggi stesso!