Senza ESI, queste pagine non possono essere cachate per gli utenti loggati, perché cachare la versione di un utente significherebbe mostrare le sue informazioni personali a tutti gli altri. Il risultato è che gli utenti loggati sperimentano sempre tempi di caricamento più lunghi.<\/p>\n
Con ESI, il 95% della pagina viene servito dalla cache (in millisecondi), e solo i piccoli frammenti dinamici vengono generati in tempo reale. Il tempo di caricamento per gli utenti loggati diventa quasi identico a quello degli utenti anonimi.<\/p>\n
![\"Dashboard](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/ls-01-dashboard.png\")
<\/p>\n
Come Funziona ESI Tecnicamente<\/h3>\n
ESI è uno standard W3C (non un’invenzione di LiteSpeed) originariamente sviluppato per le CDN. Il concetto è semplice:<\/p>\n
- \n
- Il server genera la pagina completa e la memorizza in cache<\/li>\n
- Al posto dei frammenti dinamici, inserisce tag ESI speciali:
<esi:include src="\/esi\/cart-widget\/" \/><\/code><\/li>\n- Quando la pagina viene richiesta, il server serve la versione cachata<\/li>\n
- Per ogni tag ESI, il server genera il frammento dinamico e lo inserisce al posto del tag<\/li>\n
- L’utente riceve una pagina completa, senza accorgersi della composizione<\/li>\n<\/ol>\n
Il punto chiave è che la generazione dei frammenti ESI è molto più veloce della generazione dell’intera pagina. Un frammento ESI tipico (come il widget del carrello) richiede 5-10ms per essere generato, contro i 200-500ms di una pagina completa.<\/p>\n
Inoltre, i frammenti ESI possono essere cachati individualmente. Il widget del carrello di un utente specifico può essere cachato con un TTL breve (5 minuti), mentre la pagina principale ha un TTL lungo (7 giorni). Ogni componente ha il proprio ciclo di vita della cache.<\/p>\n
ESI in LiteSpeed Cache: Configurazione<\/h3>\n
Per configurare ESI in LiteSpeed Cache, vai su LiteSpeed Cache > Cache > ESI<\/strong>.<\/p>\n
Enable ESI<\/strong>: imposta su “On” per attivare il supporto ESI. Questa opzione è disponibile solo se il tuo server è LiteSpeed. Su Apache o Nginx, l’opzione non sarà presente.<\/p>\n
Cache Admin Bar<\/strong>: imposta su “On”. Questa opzione utilizza ESI per gestire la barra di amministrazione di WordPress. La pagina viene cachata normalmente, e la barra admin viene inserita come frammento ESI solo per gli utenti loggati con i permessi appropriati.<\/p>\n
Cache Comment Form<\/strong>: imposta su “On”. Il modulo dei commenti contiene un nonce (token di sicurezza) che cambia per ogni utente e sessione. Con ESI, il modulo viene generato dinamicamente mentre il resto della pagina è servito dalla cache.<\/p>\n
ESI Nonce<\/strong>: LiteSpeed Cache può gestire i nonce di WordPress tramite ESI. I nonce sono token di sicurezza utilizzati da WordPress e WooCommerce per prevenire attacchi CSRF. Senza ESI, la presenza di nonce impedisce il caching efficace delle pagine.<\/p>\n
ESI per Widget Specifici<\/h3>\n
Oltre alle opzioni predefinite, puoi configurare qualsiasi widget WordPress come blocco ESI. Questo è particolarmente utile per:<\/p>\n
Widget del carrello WooCommerce<\/strong>: il mini-carrello nel menu mostra il numero di articoli e il totale, dati unici per ogni utente. Con ESI, il widget viene generato dinamicamente mentre la pagina del negozio è servita dalla cache.<\/p>\n
Widget “Recentemente visualizzati”<\/strong>: mostra prodotti diversi per ogni utente. ESI permette di cachare la pagina prodotto e generare solo questo widget dinamicamente.<\/p>\n
Widget di login\/registrazione<\/strong>: mostra il form di login per i visitatori anonimi e il nome utente per quelli loggati.<\/p>\n
Widget di notifiche<\/strong>: notifiche personalizzate per utente (ordini, messaggi, avvisi).<\/p>\n
![\"Widget](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/wc-02-dashboard-new.png\")
<\/p>\nCache Privata vs ESI: Quando Usare Quale<\/h3>\n
LiteSpeed Cache offre due soluzioni per il contenuto personalizzato: la cache privata e l’ESI. È importante capire quando usare l’una o l’altra:<\/p>\n
Cache Privata<\/strong>: crea una copia completa della pagina per ogni utente. Ogni utente ha la sua versione cachata dell’intera pagina. Questo approccio consuma più memoria (una copia per utente) ma è più semplice da configurare.<\/p>\n
Usa la cache privata quando:<\/p>\n
- \n
- La maggior parte della pagina è diversa per ogni utente<\/li>\n
- Hai pochi utenti loggati<\/li>\n
- Non vuoi complicare la configurazione<\/li>\n<\/ul>\n
ESI<\/strong>: crea una copia pubblica della pagina con frammenti privati. Una sola copia della pagina più piccoli frammenti per utente. Consuma molto meno memoria ed è più efficiente.<\/p>\n
Usa ESI quando:<\/p>\n
- \n
- La maggior parte della pagina è identica per tutti gli utenti<\/li>\n
- Solo piccoli frammenti sono personalizzati (carrello, nome utente, notifiche)<\/li>\n
- Hai molti utenti loggati<\/li>\n
- Vuoi le massime prestazioni<\/li>\n<\/ul>\n
ESI e WooCommerce: La Combinazione Perfetta<\/h3>\n
WooCommerce è il caso d’uso perfetto per ESI. Le pagine prodotto e le pagine di categoria sono identiche per tutti i visitatori, ma contengono elementi dinamici: il mini-carrello, il pulsante wishlist, la disponibilità personalizzata per abbonati.<\/p>\n
Con ESI, puoi:<\/p>\n
- \n
- Cachare le pagine prodotto per tutti i visitatori (inclusi quelli loggati)<\/li>\n
- Rendere dinamico solo il mini-carrello tramite ESI<\/li>\n
- Rendere dinamici i prezzi personalizzati (se usi pricing per ruolo) tramite ESI<\/li>\n
- Mantenere i nonce aggiornati per il form “Aggiungi al carrello” tramite ESI<\/li>\n<\/ol>\n
Il risultato è un e-commerce dove tutte le pagine vengono servite dalla cache in millisecondi, indipendentemente dal fatto che il visitatore sia loggato o meno. Per un sito WooCommerce con molti utenti registrati, l’impatto sulle prestazioni è straordinario.<\/p>\n
Sviluppo Personalizzato con ESI<\/h3>\n
Per gli sviluppatori, LiteSpeed Cache offre API per creare blocchi ESI personalizzati nel codice del tema o dei plugin:<\/p>\n
\/\/ Registrare un blocco ESI\nadd_action(litespeed_tpl_normal, function() {\n \/\/ Questo contenuto viene cachato normalmente\n echo <div class=\"pagina\">;\n echo <h1>Contenuto Statico<\/h1>;\n\n \/\/ Questo blocco viene gestito come ESI\n do_action(litespeed_esi_load, mio-widget-dinamico);\n\n echo <\/div>;\n});\n\n\/\/ Definire il callback per il blocco ESI\nadd_action(litespeed_esi_load-mio-widget-dinamico, function() {\n \/\/ Questo codice viene eseguito per ogni richiesta\n echo Benvenuto, . wp_get_current_user()->display_name;\n});<\/code><\/pre>\nQuesto permette un controllo totale su quali parti della pagina sono cachate e quali sono dinamiche, senza dover escludere l’intera pagina dalla cache.<\/p>\n
![\"Configurazione](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/wc-06-settings.png\")
<\/p>\nCache Dinamica con Vary e Gruppi<\/h3>\n
Oltre a ESI, LiteSpeed Cache offre un’altra tecnica per la cache dinamica: i gruppi di variazione (Vary Groups). Questa tecnica crea versioni diverse della cache per gruppi di utenti diversi, senza la complessità dell’ESI.<\/p>\n
Ad esempio, puoi creare gruppi per:<\/p>\n
- \n
- Ruoli WordPress<\/strong>: una versione cache per subscriber, una per customer, una per editor<\/li>\n
- Lingua<\/strong>: una versione per ogni lingua del sito<\/li>\n
- Valuta<\/strong>: una versione per ogni valuta (utile per e-commerce internazionali)<\/li>\n
- Località geografica<\/strong>: una versione per ogni paese o regione<\/li>\n<\/ul>\n
I gruppi sono meno granulari dell’ESI (tutti gli utenti dello stesso gruppo vedono la stessa pagina), ma sono più semplici da configurare e più efficienti in termini di memoria quando i gruppi sono pochi.<\/p>\n
AJAX come Alternativa a ESI<\/h3>\n
Un’alternativa comune a ESI è l’uso di AJAX per caricare i contenuti dinamici lato client. Invece di comporre la pagina sul server, la pagina cachata contiene placeholder che vengono riempiti da richieste AJAX dopo il caricamento.<\/p>\n
Questo approccio funziona su qualsiasi server (non richiede LiteSpeed) e è utilizzato da molti plugin WooCommerce per aggiornare il carrello. Tuttavia, ha degli svantaggi:<\/p>\n
- \n
- Il contenuto dinamico appare con un ritardo visibile (flash)<\/li>\n
- Ogni richiesta AJAX è una connessione HTTP aggiuntiva<\/li>\n
- Le richieste AJAX passano attraverso WordPress (admin-ajax.php o REST API), generando carico sul server<\/li>\n
- Non funziona con JavaScript disabilitato<\/li>\n<\/ul>\n
ESI è superiore perché la composizione avviene a livello server: il client riceve una pagina già completa, senza flash e senza richieste aggiuntive.<\/p>\n
Limitazioni di ESI<\/h3>\n
ESI non è una soluzione universale. Ha alcune limitazioni importanti:<\/p>\n
Richiede LiteSpeed Server<\/strong>: ESI funziona solo su server LiteSpeed. Su Apache o Nginx, non è disponibile.<\/p>\n
Complessità aggiuntiva<\/strong>: ogni blocco ESI aggiunge una micro-richiesta al server. Con molti blocchi ESI, l’overhead può annullare i benefici.<\/p>\n
Debug più difficile<\/strong>: i problemi con ESI possono essere più difficili da diagnosticare rispetto al caching tradizionale.<\/p>\n
Non tutti i widget sono compatibili<\/strong>: alcuni widget WordPress utilizzano JavaScript per il rendering e non possono essere gestiti come blocchi ESI server-side.<\/p>\n
Best Practice per ESI<\/h3>\n
Usa ESI con moderazione<\/strong>: non trasformare ogni elemento della pagina in un blocco ESI. Identifica solo i 2-3 elementi veramente dinamici e rendi quelli ESI.<\/p>\n
Cacha anche i frammenti ESI<\/strong>: i frammenti ESI possono (e dovrebbero) avere la loro cache. Un frammento del carrello con TTL di 5 minuti è molto più efficiente di un frammento generato ogni volta.<\/p>\n
Testa accuratamente<\/strong>: con ESI attivo, testa il sito come utente anonimo E come utente loggato. Verifica che i contenuti personalizzati siano corretti e che non ci siano “fughe” di dati tra utenti.<\/p>\n
Monitora le prestazioni<\/strong>: confronta i tempi di caricamento con e senza ESI. In rari casi, l’overhead di ESI può essere superiore al beneficio, specialmente con pochi utenti loggati.<\/p>\n
Conclusione<\/h3>\n
ESI è una delle funzionalità più potenti e meno conosciute di LiteSpeed Cache. Per siti con utenti loggati, e-commerce e community, ESI permette di ottenere prestazioni di cache anche per pagine con contenuto personalizzato — qualcosa che nessun altro plugin di cache può offrire su WordPress. Se il tuo sito ha bisogno di combinare velocità e personalizzazione, ESI è la risposta.<\/p>\n
\nSerie Completa: LiteSpeed Cache per WordPress<\/h4>\n
- \n
- Installazione e Configurazione<\/a><\/li>\n
- Configurazione Cache<\/a><\/li>\n
- Ottimizzazione CSS e JavaScript<\/a><\/li>\n
- Ottimizzazione Immagini e WebP<\/a><\/li>\n
- Lazy Load e Placeholder<\/a><\/li>\n
- CDN e QUIC.cloud<\/a><\/li>\n
- LiteSpeed Cache e WooCommerce<\/a><\/li>\n
- Critical CSS e Prefetch<\/a><\/li>\n
- Database e Object Cache<\/a><\/li>\n
- Esclusioni e Cache Crawler<\/a><\/li>\n
- LiteSpeed vs WP Rocket vs W3TC<\/a><\/li>\n
- LiteSpeed vs Apache vs Nginx<\/a><\/li>\n
- → ESI (Edge Side Includes) e Cache Dinamica<\/strong><\/li>\n
- PageSpeed a 100<\/a><\/li>\n
- Troubleshooting<\/a><\/li>\n<\/ul>\n<\/div>\n
ESI e cache dinamica sono funzionalità avanzate che richiedono competenze specialistiche per la corretta implementazione. G Tech Group<\/a> configura ESI e LiteSpeed Cache in modo professionale per e-commerce e siti con utenti registrati. Scopri il nostro hosting WordPress con LiteSpeed<\/a> o contattaci<\/a> per una configurazione personalizzata.<\/p>\n
Migliora il Tuo Sito WordPress<\/h3>\n
Scopri le nostre guide complete sugli altri plugin essenziali per WordPress:<\/p>\n
- \n
- Come Installare Elementor su WordPress<\/a><\/li>\n
- Come Installare e Configurare WP Rocket<\/a><\/li>\n
- Come Installare e Configurare SEOPress<\/a><\/li>\n
- Come Installare e Configurare UpdraftPlus<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
LiteSpeed Cache: ESI (Edge Side Includes) e Cache Dinamica Una delle sfide più complesse del caching web è la gestione delle pagine che contengono sia…<\/p>\n","protected":false},"author":0,"featured_media":167026,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"LiteSpeed Cache ESI e Cache Dinamica | Guida","_seopress_titles_desc":"Come usare ESI in LiteSpeed Cache per contenuti dinamici in pagine cachate. Widget, login, carrello e sidebar.","_seopress_robots_index":"","footnotes":""},"categories":[1],"tags":[3505,3504,3503,3486],"class_list":["post-167100","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-senza-categoria","tag-cache-dinamica","tag-edge-side-includes","tag-esi","tag-litespeed-cache"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/167100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/comments?post=167100"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/167100\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/167026"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=167100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=167100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=167100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Come Installare e Configurare WP Rocket<\/a><\/li>\n
- Configurazione Cache<\/a><\/li>\n
- Installazione e Configurazione<\/a><\/li>\n
- Lingua<\/strong>: una versione per ogni lingua del sito<\/li>\n
- Ruoli WordPress<\/strong>: una versione cache per subscriber, una per customer, una per editor<\/li>\n