Kinsta Edge Caching: servire le pagine Web fino all'80% più velocemente (o più)

Pubblicato: 2022-12-22

I visitatori del tuo sito web odiano aspettare il caricamento delle pagine, sul desktop o sui dispositivi mobili. Le pagine che si caricano lentamente possono farli correre verso il sito di un concorrente. Sei anche preoccupato per l'impatto delle prestazioni del sito web sui risultati di ricerca.

Da Kinsta prendiamo sul serio la velocità e cerchiamo sempre di rendere più veloci i siti dei nostri clienti.

L'aggiunta di Kinsta Edge Caching ai nostri piani di Hosting WordPress Gestito nel dicembre del 2022 ha aggiunto nuovi strumenti per aiutare i clienti a portare più velocemente le loro pagine web sui browser.

Misurando il tempo al primo byte (TTFB), abbiamo visto un tempo di risposta medio in tutti i test di 207 millisecondi con edge caching abilitato, contro 402,59 millisecondi senza edge caching. Questo è un calo di quasi il 49% . Ma alcuni dei siti web del mondo reale nei nostri test hanno funzionato molto meglio di così, con prestazioni TTFB quasi l'80% più veloci con l'edge caching. Di seguito approfondiremo questi numeri.

Diamo un'occhiata a come le prestazioni del tuo sito Web WordPress possono migliorare quando una parte maggiore del suo contenuto è "al limite".

Che cos'è la cache perimetrale?

Molti dei nostri clienti di hosting WordPress stanno già approfittando della nostra integrazione con Cloudflare e i suoi edge server attraverso Kinsta CDN. Questa rete di distribuzione dei contenuti posiziona le risorse statiche di un sito, come immagini, caratteri e file contenenti CSS e JavaScript, in oltre 275 posizioni sulla rete di Cloudflare in tutto il mondo. Ciò significa che tali risorse sono disponibili più vicino alla posizione fisica dei visitatori del tuo sito web. Tragitti più brevi per tali risorse si traducono in una minore latenza di rete.

Edge Caching dell'HTML delle pagine di WordPress è molto simile alla gestione delle risorse nel CDN. Una differenza è che la gestione di una cache di file come immagini, che cambiano raramente, è relativamente semplice. È più difficile gestire il contenuto inizialmente generato dinamicamente da WordPress, memorizzato nella cache come contenuto statico e quindi rigenerato ogni volta che il contenuto viene modificato.

In che modo i contenuti vengono memorizzati nella cache sull'edge?

Le cache edge sono popolate dalle richieste per le pagine del tuo sito da parte dei browser. Se una pagina non è già memorizzata nella cache, la richiesta viene passata al tuo sito WordPress di origine, dove la pagina potrebbe trovarsi nella cache locale o potrebbe essere generata nuovamente da WordPress. La pagina viene memorizzata nella cache edge sulla via del ritorno al browser. Le richieste future sullo stesso percorso trarranno vantaggio dalla cache fino a quando non viene cancellata.

Questo è anche il modo in cui vengono popolate le cache mobili. Se la richiesta di una pagina proviene da un dispositivo mobile, il contenuto viene salvato in una cache mobile. (La cache mobile non distingue tra, ad esempio, dispositivi iOS e Android. Le richieste dai tablet sono raggruppate con i contenuti desktop.)

Cache locale di WordPress e cache perimetrale

Kinsta fornisce un approccio senza plug-in al caching locale di WordPress sul server del vostro sito. La versione di Kinsta sull'Edge Caching mantiene questa semplicità: gli stessi passaggi che avete seguito per svuotare la vostra cache locale ora manterranno sincronizzata anche una edge cache.

Inoltre, la dashboard di MyKinsta include la funzionalità per cancellare direttamente la cache perimetrale — e solo la cache perimetrale.

La novità di Edge Caching è la possibilità di abilitare una cache per i dispositivi mobili. Se il tuo sito web genera markup univoco per i dispositivi mobili, puoi memorizzare nella cache l'HTML separatamente dal contenuto per i dispositivi desktop.

Kinsta Edge Caching è uguale all'APO di Cloudflare?

Kinsta Edge Caching condivide la stessa potente rete di edge server utilizzata dal servizio APO (Automatic Platform Optimization) di Cloudflare. APO è progettato anche per fornire edge caching ai siti WordPress.

Ecco cosa distingue Kinsta Edge Caching:

  • Nessun costo aggiuntivo. (Edge Caching è gratuito con tutti i piani di hosting WordPress gestiti).
  • Non c'è bisogno di un plugin per la gestione della cache.
  • Integrazione perfetta con il cruscotto MyKinsta.
  • Un'unica piattaforma per gestire CDN e Edge Caching.
Sapevi che puoi ridurre i tempi di consegna delle tue pagine web di oltre il 50%? Sì, reso possibile da Kinsta Edge Caching! Scopri di più in questa guida ️ Click to Tweet

Mettere alla prova il caching di Kinsta Edge

Prima di rilasciare ufficialmente la funzione, abbiamo invitato alcuni dei nostri clienti a provare una versione Beta del nuovo servizio di Edge Caching per raccogliere feedback. I siti Web del mondo reale dei nostri beta tester in tutto il mondo hanno fornito l'ambiente perfetto per testare la tecnologia in velocità.

Dal data center di Google noto come us-central1 a Council Bluffs, Iowa, gli strumenti automatizzati del nostro team hanno interrogato i siti web dei beta tester e registrato i tempi di risposta per tre scenari di memorizzazione nella cache:

  1. Quando una pagina è stata consegnata dalla cache di un edge server Cloudflare.
  2. Quando una pagina non è stata trovata su un edge server Cloudflare ed è stata estratta dalla cache "locale" del server di origine.
  3. Quando non c'era alcuna pagina memorizzata nella cache e WordPress doveva avviare script PHP e attivare query sul database per creare la pagina in modo dinamico.

L'obiettivo principale era la differenza nei tempi di risposta per le cache locali e edge.

Abbiamo misurato i tempi di risposta in due modi:

  1. Tempo al primo byte: il divario tra la richiesta di una pagina e l'arrivo del primo byte di dati.
  2. È ora di scaricare un'intera pagina HTML.

La misurazione del TTFB si concentra sulla latenza nella rete tra un server Web e un browser poiché è ampiamente indipendente dalla quantità di dati trasferiti per completare una pagina. La tempistica del trasferimento di una pagina intera è una misura utile che riflette l'attività del mondo reale di fornire HTML ai browser.

Edge Caching in cifre

Dopo centinaia di test mirati ai siti WordPress nei data center di tutto il mondo, abbiamo scoperto che, in media, Kinsta Edge Caching ha ridotto di oltre il 50% il tempo necessario per fornire pagine complete ai browser.

Guarda:

Grafico che mostra i miglioramenti nel TTFB e nella velocità di consegna delle pagine grazie all'Edge Caching.
TTFB: 402,59 ms (cache locale), 207 ms (edge). Pagina intera: 490,99 ms (cache locale), 223,98 ms (edge).

Sulla base dei nostri test, Edge Caching ha ridotto il TTFB in media di quasi il 48,6% e il tempo necessario per trasferire pagine complete è diminuito di quasi il 54,4%

Superare un miglioramento dell'80% su lunghe distanze

Sebbene le medie di tutti i test di velocità siano state impressionanti, quella vista può nascondere dati importanti, in particolare per coloro che si rivolgono a un pubblico globale.

I nostri test hanno rilevato alcuni notevoli miglioramenti delle prestazioni quando Edge Caching ha ridotto il divario tra i browser e i server di origine più distanti.

Ad esempio, l'Edge Caching ha ridotto il TTFB dell'83,6% e i tempi di trasferimento delle pagine dell'85,6% tra la nostra sede di test in Iowa e il data center asia-southeast1 est1 di Google a Singapore:

Grafico che mostra le prestazioni di Edge Caching per il data center di Jurong West.
TTFB: 672,01 ms (cache locale), 110,05 ms (edge). Pagina intera: 901,1 ms (cache locale), 129,79 ms (edge).[/caption

Collegandosi ai siti WordPress nel data center Sydney australia-southeast1 , il TTFB è diminuito di quasi il 73,6% e i tempi di trasferimento delle pagine sono diminuiti del 77,3% .

[didascalia align="alignnone" width="1000"] Grafico che mostra le prestazioni di Edge Caching per il data center di Sydney. TTFB: 898,26 ms (cache locale), 237,21 ms (edge). Pagina intera: 1.130,48 ms (cache locale), 256,95 ms (edge).

Abbiamo visto numeri simili dal data center australia-southeast2 a Melbourne. I siti WordPress dei clienti di Kinsta hanno visto Edge Caching ridurre il TTFB in media del 77,8% e il trasferimento delle pagine di quasi l'82,7% :

Grafico che mostra le prestazioni di Edge Caching per il data center di Melbourne.
TTFB: 607,37 ms (cache locale), 134,63 ms (edge). Pagina intera: 812,46 ms (cache locale), 140,62 ms (edge).

Collegandosi ai siti ospitati nel data center europe-north1 di Hamina, in Finlandia, il TTFB è diminuito di quasi il 41,7% e i tempi di trasferimento delle pagine sono diminuiti di oltre il 56,3% .

Grafico che mostra le prestazioni di Edge Caching per il data center Hamina.
TTFB: 579,81 ms (cache locale), 338,17 ms (edge). Pagina intera: 822,21 ms (cache locale), 358,89 ms (edge).

Per i siti ospitati a St. Ghislain, in Belgio, presso il data center europe-west1 , i tempi di TTFB e di trasferimento delle pagine sono diminuiti del 69% .

Grafico che mostra le prestazioni di Edge Caching per il data center Ghislain.
TTFB: 464,64 ms (cache locale), 143,13 ms (edge). Pagina intera: 464,92 ms (cache locale), 143,38 ms (edge).

I siti web testati presso il data center europe-west2 di Londra, Regno Unito, hanno mostrato un calo del TTFB del 58% e dei tempi di trasferimento delle pagine del 60,8% .

Grafico che mostra le prestazioni di Edge Caching per il data center di Londra.
TTFB: 372,4 ms (cache locale), 156,17 ms (edge). Pagina intera: 458,18 ms (cache locale), 179,34 ms (edge).

Nel data center europe-west3 di Francoforte, in Germania, il TTFB è diminuito di quasi il 64% e i tempi di trasferimento delle pagine sono diminuiti del 67,5% .

Grafico che mostra le prestazioni di Edge Caching per il data center di Francoforte.
TTFB: 409,27 ms (cache locale), 147,42 ms (edge). Pagina intera: 507,52 ms (cache locale), 164,98 ms (edge).

La connessione ai siti ospitati nel data center europe-west4 a Eemshaven, Paesi Bassi Il TTFB è diminuito di quasi il 56% e i tempi di trasferimento delle pagine sono diminuiti del 63,6% .

Grafico che mostra le prestazioni di Edge Caching per il data center di Eemshaven.
TTFB: 394,49 ms (cache locale), 173,76 ms (edge). Pagina intera: 538,84 ms (cache locale), 195,82 ms (edge).

Durante il test dei siti presso il data center northamerica-northeast1 di Montreal, in Canada, il TTFB è diminuito di poco più del 10% e i tempi di trasferimento delle pagine sono diminuiti di poco più del 16,2% .

Grafico che mostra le prestazioni di Edge Caching per il data center di Montreal.
TTFB: 325,3 ms (cache locale), 292,28 ms (edge). Pagina intera: 351,1 ms (cache locale), 294,15 ms (edge).

Nel data center us-east5 di Columbus, Ohio, i tempi di TTFB e di trasferimento delle pagine sono stati ridotti di quasi il 59% .

Grafico che mostra le prestazioni di Edge Caching per il data center Columbus.
TTFB: 326,69 ms (cache locale), 133,97 ms (edge). Pagina intera: 341,15 ms (cache locale), 140,5 ms (edge).

Nel data center us-west4 di Las Vegas, Nevada, negli Stati Uniti, il TTFB è sceso di poco più del 54,7% e il tempo di trasferimento delle pagine è sceso di quasi il 57,3% .

Grafico che mostra le prestazioni di Edge Caching per il data center di Las Vegas.
TTFB: 366,73 ms (cache locale), 165,88 ms (edge). Pagina intera: 413,39 ms (cache locale), 176,63 ms (edge).

Ma non è solo Kinsta a mettere alla prova l'Edge Caching.

Brian Jackson, co-fondatore dell'agenzia digitale forgemedia, ha cronometrato il TTFB e il rendering completo delle pagine WordPress in un browser dopo Edge Caching. Ha anche esaminato il più grande contentful paint (LCP), il punto in cui è stato reso abbastanza del contenuto principale di una pagina che un utente potrebbe percepirlo come utilizzabile. Ha pubblicato le sue scoperte su Twitter:

Screenshot di un tweet di Brian Jackson.
Twitter/Brian Jackson. (Vedi su Twitter.)

Simon Harper, di SRH Design, ha testato Kinsta Edge Caching osservando TTFB e LCP, nonché il primo contentful paint (FCP), che è l'aspetto iniziale di qualsiasi contenuto su uno schermo, anche se non è il contenuto principale della pagina. Ha anche riferito via Twitter:

Screenshot di un tweet di Simon Harper.
Twitter/Simon Harper. (Vedi su Twitter.)

La struttura delle pagine Web e delle risorse collegate come JavaScript, CSS e immagini può influire su FCP e LCP, ma tutto inizia con la consegna dell'HTML di una pagina a un browser.

Sei pronto a liberare tutto il potenziale del tuo sito? Distribuisci le pagine del tuo sito alla velocità della luce (soprattutto in tutto il mondo) con Kinsta Edge Caching! ️ Inizia qui Clicca per twittare

Iniziare con Kinsta Edge Caching

Edge Caching è abilitato per impostazione predefinita quando create un sito Web WordPress nel cruscotto di MyKinsta. Ciò significa che non devi alzare un dito per sfruttare l'aumento della velocità di Edge Caching.

A partire da gennaio 2023, Kinsta abiliterà automaticamente l'Edge Caching sui siti esistenti compatibili con il servizio. Se vuoi che Edge Caching funzioni subito per il tuo sito esistente, puoi abilitarlo ora in questo modo:

Lottando con tempi di inattività e problemi con WordPress? Kinsta è la soluzione di hosting progettata per farti risparmiare tempo! Scopri le nostre funzionalità
  • Seleziona Siti WordPress nel menu di navigazione a sinistra.
  • Selezionare il nome di un sito per il quale si desidera abilitare la cache perimetrale.
  • Seleziona Edge Caching .
  • Fare clic sul pulsante Abilita cache perimetrale .
Screenshot: Abilitazione della cache perimetrale in MyKinsta.
Abilitare Edge Caching nel cruscotto di MyKinsta.

Memorizza nella cache i tuoi contenuti mobili sull'edge

Se il tuo sito web rileva i browser per dispositivi mobili e genera pagine con markup univoco per tali dispositivi, puoi abilitare una cache per dispositivi mobili separata dal contenuto per gli utenti desktop.

Abilitate il caching mobile in MyKinsta in questo modo:

  • Seleziona Siti WordPress nel menu di navigazione a sinistra.
  • Selezionare il nome di un sito per il quale è abilitata la cache perimetrale.
  • Seleziona Edge Caching .
  • Fare clic sul pulsante Abilita cache mobile
Screenshot: Abilitare la cache mobile in MyKinsta.
Abilitazione della cache perimetrale per i dispositivi mobili.

Non è necessario abilitare la memorizzazione nella cache mobile se il design del tuo sito web supporta sia i browser desktop che quelli per dispositivi mobili con lo stesso markup HTML/CSS reattivo.

Gestione dei contenuti memorizzati nella cache

Kinsta Edge Caching è progettato per funzionare perfettamente con gli strumenti di gestione della cache che la maggior parte dei nostri clienti utilizza già sui propri siti Web WordPress. Potete anche indirizzare i contenuti nella cache perimetrale direttamente in MyKinsta qui:

  • Seleziona Siti WordPress nel menu di navigazione a sinistra.
  • Selezionare il nome di un sito per il quale è abilitata la cache perimetrale.
  • Seleziona Edge Caching .
Screenshot: Cancellare le cache in MyKinsta.
Svuotare le edge cache nel cruscotto di MyKinsta.

Per cancellare tutte le pagine del tuo sito dalla cache perimetrale globale, fai clic sul pulsante Cancella cache .

Se devi cancellare solo pagine o percorsi specifici, incolla un URL di destinazione nel campo Cancella cache URL e fai clic sul pulsante Cancella cache URL . Svuota la cache per tutto il contenuto su un percorso specifico selezionando l'opzione Cancella cache di ogni sottodirectory nell'URL specificato .

Disattivazione della memorizzazione nella cache perimetrale

Se sai che Edge Caching non sarà adatto al tuo sito web, puoi disattivarlo prima di iniziare ad abilitare il servizio per la maggior parte dei siti esistenti nel gennaio del 2023.

In MyKinsta:

  • Seleziona Siti WordPress nel menu di navigazione a sinistra.
  • Seleziona il nome del tuo sito WordPress.
  • Seleziona Edge Caching .
  • Attiva l'interruttore " Voglio annullare l'iscrizione... ".
Screenshot: Disattivazione dell'Edge Caching in MyKinsta.
Disattivazione dell'Edge Caching utilizzando il cruscotto di MyKinsta.

Se Edge Caching è già abilitato per un sito Web, troverai un pulsante Disabilita nell'angolo in alto a destra della pagina:

Schermata: Disabilitare Edge Caching in MyKinsta.
Disattivazione della cache perimetrale

Domande rapide sull'edge caching

Ti starai chiedendo...

Edge Caching è gratuito su tutti i piani?

Sì. Edge Caching è abilitato per impostazione predefinita su tutti i siti live creati all'interno del cruscotto MyKinsta. Edge Caching è disponibile anche sui siti di gestione temporanea all'interno degli account Premium.

Edge Caching migliora le prestazioni della versione mobile del mio sito web?

Puoi abilitare una cache specifica per dispositivi mobili per i siti Web che generano markup su misura per i dispositivi mobili. Se il design del tuo sito web supporta sia browser desktop che mobili con lo stesso markup HTML/CSS reattivo, non è necessaria una cache mobile.

Devo utilizzare i plugin di ottimizzazione di WordPress?

No. La piattaforma di hosting WordPress gestito di Kinsta fornisce caching locale, edge caching e un CDN ottimizzato per supportare il CMS più popolare al mondo. Non sono richiesti plug-in WordPress di terze parti.

Posso disattivare la cache perimetrale?

Sì. Potete disabilitare l'Edge Caching di qualsiasi tipo all'interno del cruscotto di MyKinsta. Se non siete sicuri che il vostro sito sia compatibile con Edge Caching, contattate il team di supporto di Kinsta per un consiglio.

Sommario

La promessa di Internet è sempre stata quella di connettere persone in tutto il mondo. Ma si scopre che la distanza fisica tra server e visitatori ha un impatto reale sulle prestazioni percepite dei siti web. Edge Caching sposta i contenuti più vicino ai browser Web e accelera il primo passaggio essenziale per un caricamento delle pagine più veloce.

Kinsta rende Edge Caching un componente fondamentale del suo servizio di hosting WordPress gestito, integrando le funzionalità di sicurezza della rete e CDN fornite con la nostra integrazione Cloudflare.

In media, Kinsta Edge Caching riduce della metà il tempo necessario per consegnare l'HTML delle pagine web ai visitatori del vostro sito. Per i siti Web con un pubblico veramente globale, l'aumento della velocità può essere notevolmente superiore.

Edge Caching è disponibile per tutti i nostri clienti senza costi aggiuntivi. Se stai ancora cercando un host WordPress creato pensando alla sicurezza, alla facilità d'uso e alle prestazioni, abbiamo un piano di hosting adatto a te.