Come memorizzare nella cache un sito Web per le prestazioni di picco: una guida per principianti alla cache web

Imparare a memorizzare nella cache un sito Web è essenziale. La memorizzazione nella cache è importante per le prestazioni del sito Web, l'esperienza dell'utente e la SEO. Esistono diversi modi per implementarlo e imparerai tutto al riguardo in questo post.

Di seguito, discutiamo di cosa sia la memorizzazione nella cache, come funziona, i suoi benefici e i diversi tipi che esistono. Successivamente, ti mostriamo tre diversi metodi che puoi utilizzare per consentire la memorizzazione nella cache per il tuo sito Web e un caso di studio per indicare il suo impatto sulle prestazioni. Infine, tratteremo rapidamente come e perché cancellare una cache del sito Web.

Cos'è la memorizzazione nella cache?

A livello più elementare, la memorizzazione nella cache significa archiviare copie di file in una cache, una posizione di archiviazione temporanea, per renderli disponibili per un rapido accesso. È un metodo utilizzato in molte aree di software e tecnologia, inclusi browser, programmi e sistemi operativi.

Poiché i siti Web sono costituiti da diversi tipi di file, sono perfettamente adatti anche per la memorizzazione nella cache. Puoi archiviare i file HTML, CSS, JavaScript e immagini del tuo sito per consentire ai browser di accedervi più rapidamente e mostrare il tuo sito Web più veloce.

Alcuni tipi di contenuti sono più adatti alla memorizzazione nella cache di altri. Ad esempio, il contenuto statico, che significa elementi del sito che non cambiano spesso, sono perfetti per questo. Il logo del tuo sito Web è un buon esempio perché è improbabile che tu lo cambi spesso.

D'altra parte, il contenuto che cambia frequentemente è una storia diversa. Mentre puoi anche memorizzare nella cache, devi mettere in atto regole per garantire che i visitatori non vedano una versione obsoleta. Di più su questo presto.

I vantaggi della memorizzazione nella cache per i siti Web

Il motivo principale per memorizzare nella cache un sito Web è migliorare le prestazioni. Se un browser può utilizzare più rapidamente i file necessari per visualizzare un sito Web, i visitatori vedono il sito più velocemente.

Ciò porta a una migliore esperienza utente, che rende i visitatori più probabili di rimanere più a lungo sul tuo sito, intraprendere azioni desiderate come l'acquisto di un prodotto o il ritorno in seguito. Tutte le buone notizie per il tasso di conversione e la linea di fondo.

La velocità del sito è anche qualcosa di cui si preoccupano i motori di ricerca. Google lo utilizza come fattore di classificazione per più di un decennio. Inoltre, le metriche di base vitale di base misurano in particolare la velocità con cui una pagina appare per gli utenti e la velocità con cui risponde all'input dell'utente.

Inoltre, la memorizzazione nella cache elimina il tuo server. Riduce il numero di file ripetuti che i visitatori devono scaricare dal tuo sito e quante richieste deve gestire il tuo server contemporaneamente. Inoltre, la memorizzazione nella cache ti consente persino di esternalizzare parte del lavoro ai server esterni.

Ciò è particolarmente importante quando il tuo sito web diventa più popolare. La memorizzazione nella cache aiuta a impedire al tuo server di essere sopraffatto. Inoltre, risparmia la larghezza di banda e i costi se si è su un piano di hosting limitato.

Quali sono i tipi di memorizzazione nella cache?

È possibile memorizzare nella cache un sito Web a diversi livelli del processo di caricamento. Esistono due tipi principali: cache del server e lato client.

La memorizzazione nella cache sul lato client si riferisce a tutto ciò che accade sul computer o nel browser (cioè il "client") dei tuoi visitatori. La memorizzazione nella cache del server, d'altra parte, si verifica sulla macchina che contiene i file del sito Web.

Caching browser/client

Quando i browser visualizzano un sito Web, devono scaricare molti dati. Per abbreviare il tempo di caricamento di una visita ripetuta, memorizzano molti contenuti sul disco rigido del visitatore dove è più veloce l'accesso.

Un esempio di ciò è la memorizzazione nella cache DNS. Significa salvare localmente l'indirizzo IP associato a un sito Web in modo che il browser non debba cercarlo la prossima volta che si desidera accedere al sito.

Inoltre, i browser controllano sempre prima la cache per vedere se qualche risorsa richiesta - come immagini e altri file - sono già lì dentro. In questo modo, non hanno bisogno di contattare il server.

Cache del server

Esistono diverse forme di memorizzazione nella cache del server. Differiscono principalmente nel tipo e nella quantità di dati salvati sul server:

• Caching della pagina: questo significa salvare una versione HTML già compita di una pagina in modo che non debba essere creata da zero per ogni visitatore.

• Caching degli oggetti: qui, il server risparmia richieste di database per il riutilizzo, come le ricerche di prodotto in un negozio online.

• Caching Framment: descrive l'archiviazione di elementi specifici del sito Web, in genere risorse statiche come le immagini.

• Caching CDN: in questo caso, le copie dei dati del tuo sito Web si trovano su server aggiuntivi in ​​diverse posizioni. Consente ai visitatori di scaricarlo più rapidamente dal server più vicino a loro.

Come funziona la memorizzazione nella cache

Dai un'occhiata alla seguente immagine:

Da quanto sopra, è già facile capire come funziona la memorizzazione nella cache:

1. I tipi di utente in un URL e il browser Web verifica se ha i dati della pagina richiesta nella cache.

2. In tal caso, invia un messaggio al server dichiarando quali versioni di file ha salvato.

3. Il server verifica se esistono versioni più recenti e, se ci sono, invia le risorse aggiornate. Se sono stati richiesti prima, il server può trasmetterli dalla propria cache senza elaborarli da zero.

4. Il browser Web visualizza la pagina Web richiesta utilizzando i dati esistenti dalla sua cache e tutti i dati inviati dal server.

Ora è il momento di parlare della tecnologia che rende possibile la memorizzazione nella cache di un sito Web: cache.

Comprensione delle intestazioni di richiesta e risposta

Le intestazioni di richiesta e risposta sono piccoli pezzi di testo scambiati da browser e server. Includono informazioni e istruzioni importanti per i dati trasmessi tra di loro.

Una cosa che fanno è configurare il comportamento di memorizzazione nella cache e esistono diverse intestazioni a questo scopo. Includono il controllo della cache, le scadute, l'ultima modifica ed ETAG. Le intestazioni nella cache funzionano sostanzialmente in due modi:

1. Dichiarare se un file del sito Web deve essere memorizzato nella cache, per quanto tempo e da chi (browser e/o server).

2. Segna l'età e la "versione" di un file in modo che i browser lo caricano solo se c'è una nuova edizione sul server.

Tutto ciò aiuta a ridurre il numero di file e la quantità di dati che devono essere trasmessi per caricare un sito Web, contribuendo ad accelerare il processo. E mentre la memorizzazione nella cache delle intestazioni può sembrare un po 'tecnica, sono importanti di cui essere consapevoli, soprattutto se si decide di configurare la memorizzazione nella cache sul server a mano.

Come memorizzare nella cache un sito Web: 3 opzioni da considerare

Dopo tutta questa teoria, discutiamo di come memorizzare nella cache un sito Web in termini pratici.

1. Abilita manualmente la memorizzazione nella cache

La configurazione della memorizzazione nella cache a mano è l'approccio più complicato perché richiede di impostare manualmente le intestazioni di memorizzazione nella cache sul server.

Il primo passo è controllare lo stato quo poiché il tuo provider di hosting o il software del tuo sito Web potrebbero aver già svolto un po 'di lavoro per te. Per questo, apri il tuo sito in un browser, accedi agli strumenti per sviluppatori (CTRL/CMD+SHIFT+I Nella maggior parte dei browser), Tand Hen vai alla scheda Network (potresti dover ricaricare la pagina per vedere qualcosa qui).

Fai clic su qualsiasi risorsa per vedere le sue intestazioni di richiesta e risposta.

Dopodiché, devi definire la tua strategia di memorizzazione nella cache. Questo sembrerà diverso per ogni caso d'uso. Ad esempio, un sito Web di notizie ha bisogno di intervalli di cache più brevi rispetto a un sito di brochure. Il contenuto dei siti di notizie cambia in minuto in minuto mentre gli opuscoli rimangono in gran parte gli stessi.

In generale, si desidera provare a bilanciare la durata della cache e la freschezza dei dati:

• Cache Asset statici più a lungo, ad es. File multimediali e contenuti scaricabili. Ad esempio, è probabile che tu sia la memorizzazione nella cache dei file del logo e dei font per il tempo massimo di un anno.

• Usa il controllo della cache: nessun negozio per risorse che non dovrebbero mai essere memorizzate nella cache.

• Includi un validatore come l'ultimo modificato o ETAG per garantire la freschezza delle risorse senza sacrificare i benefici della memorizzazione nella cache. Alcune cache web richiedono anche un'intestazione controllata per età e un validatore per lavorare.

Il prossimo passo è implementare le impostazioni scelte sul server. Come farlo dipende da quale software sta eseguendo il tuo server. Ecco le istruzioni per le configurazioni più comuni:

• nginx

• Apache

In alternativa, il tuo fornitore di hosting può anche offrire la memorizzazione nella cache e la possibilità di attivarla dal pannello di hosting.

2. Usa un CDN

Un altro modo per memorizzare nella cache il tuo sito Web è iscriversi a una CDN. Per questo, devi prima scegliere un provider di CDN. Useremo CloudFlare come esempio qui perché è uno dei servizi più popolari.

Inizia iscrivendoti alla tua CDN preferita. Vai al loro sito Web e crea un account.

Scegli un piano che si adatta alle tue esigenze e fornisci il tuo indirizzo del tuo sito Web.

Successivamente, devi aggiornare le impostazioni DNS. Il provider CDN scansionerà i tuoi record attuali e poi ti mostrerà i loro nameservers.

Con questo in mano, accedi al tuo registrar di dominio (ad es. Domain Namecheap, GoDaddy o Google), trova la sezione Impostazioni DNS e sostituisci i nomi di nomi esistenti con quelli forniti dal tuo CDN.

Salva le tue modifiche, quindi aspetta. Le modifiche al DNS possono richiedere alcune ore per propagare completamente. Una volta completato, il tuo sito Web verrà instradato con successo attraverso la CDN. L'ultimo passo è assicurarsi che la CDN sia abilitata nella cache.

3. Usa un plug -in di memorizzazione nella cache

Infine, se stai utilizzando un sito Web WordPress, puoi utilizzare un plug -in per le prestazioni come WP Rocket. Si prende cura di tutto ciò che riguarda la memorizzazione nella cache automaticamente, quindi non devi affrontare le parti tecniche. Inoltre, tutto ciò che devi fare è installare e attivare il plug -in.

Dopo averlo fatto, la memorizzazione nella cache è immediatamente attiva sul tuo sito, inclusa una cache dedicata per i dispositivi mobili. In base alle regole avanzate , puoi ottimizzare ulteriormente la cache.

Tra le altre opzioni, è possibile determinare la durata della cache e definire pagine, cookie e agenti utente per i quali non si desidera utilizzare la memorizzazione nella cache. Troverai maggiori informazioni nella documentazione.

Oltre alla memorizzazione nella cache, WP Rocket offre molte altre funzionalità per accelerare il sito WordPress, tra cui:

• Caricamento pigro per immagini e video

• Differire le risorse di blocco del rendering

• Precarico cache, collegamenti, file esterni e caratteri

• Fonts di Google che ospita

• Ottimizzazione del database

• Capacità di connettersi facilmente a una CDN, incluso RocketCDN, ovvero WP Rocket Own CDN.

Inoltre, WP Rocket implementa molti ulteriori miglioramenti delle prestazioni in background. Tra questi ci sono la compressione GZIP, la minimizzazione di CSS e i file JavaScript e l'ottimizzazione di immagini al di sopra della piega per migliorare la più grande vernice contentosa.

L'impatto delle prestazioni della memorizzazione nella cache di un sito Web: un caso di studio

Per esaminare l'effetto della memorizzazione nella cache sul miglioramento della velocità del sito Web nella vita reale, abbiamo creato un sito di test con alcuni contenuti fittizi e lo abbiamo eseguito attraverso approfondimenti Pagespeed prima e dopo l'attivazione di WP Rocket.

Ecco i risultati per i dispositivi mobili senza memorizzazione nella cache:

Ora vediamo cosa succede dopo l'attivazione della memorizzazione nella cache:

Sebbene gli effetti non siano enormi, sono evidenti. Soprattutto il miglioramento del valore dell'indice di velocità di tre secondi non è nulla da deridere.

Come abbiamo discusso in tutto l'articolo, la memorizzazione nella cache ha il maggiore impatto sui visitatori ripetuti. Poiché Pagespeed Insights di proposito non sfrutta gran parte di ciò che la cache ha da offrire, non c'è da meravigliarsi che gli effetti non siano più grandi. Dovrebbe essere più evidente per i visitatori ripetuti del tuo sito web.

Se ti stai chiedendo, sotto è quello che succede quando si accende alcuni altri miglioramenti della velocità nel razzo WP, come rimuovere CSS inutilizzati, differire JavaScript, caricamento pigro per immagini e precarico . Tutto ciò che serve è controllare alcune caselle.

Come cancellare la cache del sito Web

La cancellazione della cache del tuo sito Web può essere necessaria per la risoluzione dei problemi, l'aggiunta di nuove funzionalità e garantire che gli ultimi contenuti siano visibili ai visitatori. Naturalmente, poiché la memorizzazione nella cache si verifica su diversi livelli, ci sono anche diversi modi per svuotarlo.

Elimina la cache del browser

Il metodo esatto per svuotare la cache del browser dipende da quale browser stai utilizzando, ma tutti hanno opzioni nelle loro impostazioni. In Chrome, lo trovi sotto privacy e sicurezza> Elimina i dati di navigazione .

Cancella la cache del server

Se la memorizzazione nella cache è stata implementata sul tuo server, molto probabilmente il tuo provider di hosting ha un'opzione per cancellarlo.

Svuota la cache della tua CDN

Lo spurgo della cache CDN avviene naturalmente attraverso il provider CDN. Ad esempio, in CloudFlare, l'opzione è disponibile in cache> Configurazione> Purge Cache .

Purge Cache sul tuo sito web

Se stai utilizzando un plug -in per memorizzare nella cache il tuo sito Web, di solito ha un pulsante da qualche parte che ti consente di cancellare la cache. WP Rocket elimina automaticamente la cache del sito Web nei momenti appropriati, come quando si modificano le impostazioni, pubblica nuovi contenuti, modifica il tuo sito Web o quando la durata della cache si esaurisce.

Se vuoi farlo manualmente, puoi trovare questa opzione direttamente sulla dashboard in Impostazioni> WP Rocket nel back -end di WordPress.

Hai anche la possibilità di cancellare la cache per le singole pagine all'interno dell'editor di WordPress o dal menu Pagine o post in bilico sulle voci lì.

Come si verifica un sito Web? Ora lo sai

La memorizzazione nella cache è uno dei modi più fondamentali per rendere più veloce il tuo sito Web. È un metodo semplice per ridurre la quantità di dati che devono essere trasmessi ai visitatori per visualizzare il tuo sito Web.

La memorizzazione nella cache è disponibile su diversi livelli del processo di carico e può indirizzare diversi elementi del sito Web, sebbene i principi rimangono gli stessi.

Usa WP Rocket per implementare automaticamente la memorizzazione nella cache sul tuo sito WordPress e sfruttano dozzine di altre funzionalità di performance e migliori pratiche per rendere immediatamente più veloce il tuo sito Web. Il plugin viene fornito con una garanzia di back-back di 14 giorni, quindi puoi testarla completamente senza rischi.