Cos'è la cache e come velocizza un sito

Cos'è la cache

La cache è un archivio temporaneo per i dati usati di frequente. Invece di generare ogni volta una pagina da zero - leggendo il database, eseguendo PHP, assemblando l'HTML - i contenuti memorizzati nella cache vengono serviti direttamente dalla memoria o dal disco. Il risultato è un caricamento delle pagine drasticamente più veloce.

Pensa alla cache come allo scaffale accanto alla cassa di un negozio. Invece di andare in magazzino (il server) per ogni prodotto che i clienti chiedono spesso, tieni gli articoli più richiesti a portata di mano. Allo stesso modo, la cache mantiene le pagine e le risorse più richieste vicino all'utente per una consegna rapida.

Cache del browser

La cache del browser è quella più vicina all'utente. Quando un visitatore apre il tuo sito per la prima volta, il browser scarica tutte le risorse - HTML, CSS, JavaScript, immagini, font. Alla visita successiva, il browser carica queste risorse dalla memoria locale invece di scaricarle di nuovo.

Come funziona

• Header Cache-Control: il server invia un header che indica al browser per quanto tempo conservare la risorsa. Ad esempio, Cache-Control: max-age=31536000 significa che il browser conserva il file per un anno.
• ETag: un identificatore univoco della versione del file. Il browser chiede al server "il file è cambiato dalla versione X?" - in caso negativo, il server risponde con 304 Not Modified e non invia di nuovo il contenuto.
• Header Expires: un meccanismo più datato che indica esplicitamente la data di scadenza della cache.

Impostazioni consigliate

• Immagini, font, CSS/JS: cache per periodi lunghi (da 6 mesi a 1 anno). Usa il versioning nel nome del file (style.v2.css) per gli aggiornamenti.
• Pagine HTML: cache del browser breve o nulla, perché i contenuti possono cambiare di frequente.
• Esempio in .htaccess: in Apache/LiteSpeed, usa mod_expires per impostare le regole di cache per tipo di file.

Una cache del browser configurata correttamente può ridurre il tempo di caricamento del 60-80% per le visite ripetute. Google PageSpeed Insights segnala un avviso se non hai header di cache adeguati.

Cache del server

La cache del server memorizza le pagine generate sul server per evitare di rielaborarle a ogni richiesta. Per i siti in PHP come WordPress è fondamentale, perché la generazione di una pagina in PHP richiede più tempo di CPU rispetto al servire un file statico.

Tipi di cache del server

• Cache di pagina (Full page cache): l'intero output HTML della pagina viene salvato come file statico. Le richieste successive ricevono direttamente quel file senza invocare PHP. È il caching più efficace per WordPress.
• Opcode cache (OPcache): il codice PHP viene compilato in bytecode una sola volta e il bytecode memorizzato viene usato per tutte le richieste successive. Abilitato di default in PHP 8.x.
• Object cache: i risultati delle query al database vengono salvati in memoria (Redis o Memcached). Particolarmente utile per WooCommerce e i siti con molti contenuti dinamici.
• Database query cache: il database (MySQL/MariaDB) dispone di un meccanismo integrato per memorizzare nella cache le query eseguite di frequente.

LiteSpeed Cache

Il server LiteSpeed dispone di un meccanismo di cache integrato che opera a livello di web server - è più veloce di qualsiasi soluzione di cache basata su PHP. Il plugin LiteSpeed Cache per WordPress gestisce questa cache e offre:

• Caching automatico delle pagine con invalidazione intelligente (viene rimesso in cache solo ciò che è cambiato).
• ESI (Edge Side Includes) per il caching parziale - mette in cache la maggior parte della pagina mentre gli elementi dinamici (carrello, utente loggato) restano fuori dalla cache.
• Ottimizzazione di immagini, CSS e JavaScript nello stesso plugin.
• Un crawler che genera la cache in modo proattivo prima dell'arrivo del visitatore.

Cache CDN (Content Delivery Network)

Una CDN distribuisce copie del tuo sito su server in tutto il mondo. Quando un visitatore dal Giappone apre il tuo sito ospitato in Europa, invece di far viaggiare la richiesta per migliaia di chilometri, la CDN serve i contenuti dal server più vicino - magari a Tokyo.

Come funziona una CDN

• Server edge: la CDN dispone di una rete di server (nodi edge) in centinaia di località nel mondo. Ognuno conserva una copia dei tuoi contenuti statici.
• Server di origine: il tuo server di hosting è l'origine - la fonte dei contenuti originali. La CDN controlla periodicamente l'origine per gli aggiornamenti.
• TTL (Time to Live): definisce per quanto tempo la CDN conserva una copia prima di verificare presso l'origine se ne esiste una nuova versione.

Cosa mette in cache una CDN

• Immagini (JPG, PNG, WebP, SVG) - di solito le risorse più pesanti del sito.
• File CSS e JavaScript.
• Font (WOFF2, TTF).
• File video e audio.
• Pagine HTML statiche (con alcune CDN).

Servizi CDN più diffusi

• Cloudflare: piano gratuito con CDN di base, DNS e protezione DDoS. La scelta più popolare per siti piccoli e medi.
• BunnyCDN: più economica della maggior parte dei concorrenti, con buone prestazioni e server in Europa.
• QUIC.cloud: una CDN ottimizzata per i server LiteSpeed, con integrazione nel plugin LiteSpeed Cache.

Plugin di cache per WordPress

Se usi WordPress, un plugin di cache è uno dei plugin più importanti che puoi installare. Panoramica delle opzioni più diffuse:

LiteSpeed Cache (consigliato su BeoHosting)

• Opera a livello di server - più veloce di tutte le alternative basate su PHP.
• Gratuito, con tutte le funzionalità incluse.
• Ottimizzazione delle immagini, minificazione CSS/JS, lazy loading - tutto in un unico plugin.
• Richiede un server LiteSpeed (che BeoHosting utilizza).

WP Rocket

• Plugin premium (59 EUR/anno per una licenza).
• Funziona su qualsiasi server (Apache, Nginx, LiteSpeed).
• Il più semplice da configurare - ottime impostazioni predefinite.
• Ottimizzazione del database, controllo dell'heartbeat, lazy loading.

W3 Total Cache

• Gratuito, con opzioni avanzate per utenti esperti.
• Supporta cache di pagina, object cache, cache del browser, CDN.
• Più complesso da configurare - una configurazione errata può rallentare il sito.

WP Super Cache

• Gratuito, semplice, affidabile.
• Realizzato dal team di Automattic (i creatori di WordPress).
• Meno opzioni di W3 Total Cache, ma molto più semplice da usare.

Quando la cache può creare problemi

La cache non è sempre la soluzione - in alcune situazioni un caching scorretto può causare problemi:

• Contenuti dinamici: le pagine che devono differire da utente a utente (carrello, account, checkout) non devono essere messe in cache.
• Contenuti obsoleti: se modifichi una pagina ma la cache non si aggiorna, i visitatori vedono i vecchi contenuti. Una corretta invalidazione della cache è fondamentale.
• Debug: la cache può nascondere gli errori - se testi delle modifiche e non le vedi, probabilmente stai guardando la versione in cache. Svuota sempre la cache dopo le modifiche.
• Contenuti personalizzati: i siti con A/B testing o geo-personalizzazione devono configurare con attenzione la cache, così da non servire a utenti diversi la versione sbagliata.

Misurare l'effetto della cache

Per capire quanto la cache migliora le prestazioni del tuo sito, usa questi strumenti:

• Google PageSpeed Insights: misura la velocità di caricamento e fornisce consigli specifici sul caching.
• GTmetrix: analisi più dettagliata con un diagramma a cascata (waterfall) che mostra ogni richiesta e se è stata servita dalla cache.
• WebPageTest: esegue test da più località e mostra la differenza tra primo caricamento (cold cache) e caricamento ripetuto (warm cache).
• Chrome DevTools: la scheda Network mostra dimensione e tempo di caricamento di ogni risorsa e se proviene dalla cache del browser.

Conclusione

Il caching è il modo più efficiente per velocizzare un sito senza costi aggiuntivi. La combinazione di cache del browser, cache del server e CDN può ridurre il tempo di caricamento del 70-90%. Per i siti WordPress su BeoHosting, il plugin LiteSpeed Cache è la soluzione ideale perché sfrutta la cache integrata del server per le massime prestazioni. Inizia installando il plugin di cache, imposta gli header di cache del browser e valuta una CDN per un pubblico globale. I risultati sono visibili subito - un sito più veloce significa visitatori più soddisfatti, una SEO migliore e più conversioni.