Il manuale definitivo per l’ottimizzazione delle prestazioni dei siti WordPress: dalle impostazioni di base alle strategie di caching avanzate

Le prestazioni di un sito web sono fondamentali per l’esperienza utente, la posizione nei motori di ricerca (SEO) e i tassi di conversione. Un sito WordPress che carica lentamente comporta inevitabilmente la perdita di visitatori e un peggioramento della posizione nei motori di ricerca. Questo guida ti accompagnerà in modo sistematico, dalle configurazioni di base alle strategie più avanzate, per ottimizzare completamente la velocità del tuo sito WordPress.

Impostazioni e ottimizzazione delle prestazioni di base

Prima di iniziare a utilizzare qualsiasi plugin di cache avanzato, assicurati che le basi del tuo sito web siano solide ed efficienti. Ciò include la scelta di un ambiente di hosting appropriato, l’ottimizzazione delle impostazioni di base e dei contenuti multimediali.

Scegliere un host di alta qualità e una versione appropriata di PHP è fondamentale per garantire il corretto funzionamento del proprio sito web.

I servizi di hosting sono la base per la velocità di un sito web. I server condivisi sono economici, ma dispongono di risorse limitate e sono soggetti all’impatto dei siti “vicini”. Per siti con un certo volume di traffico e requisiti di prestazioni, si consiglia di scegliere un VPS (Virtual Private Server), un server dedicato o un host per WordPress gestito. Quest’ultimo tipo di hosting è solitamente ottimizzato appositamente per WordPress e include già strumenti di cache e sicurezza installati in modo predefinito.

Si consiglia di leggere La guida definitiva all'ottimizzazione delle prestazioni del sito WooCommerce: dalla velocità di caricamento al miglioramento del tasso di conversione.。

Allo stesso tempo, è fondamentale utilizzare la versione più recente e stabile di PHP. La serie PHP 8.x offre un miglioramento delle prestazioni di diversi ordini di grandezza rispetto alle vecchie versioni PHP 5.6 o 7.x. È possibile cambiare la versione di PHP dal pannello di controllo dell’host o…wp-config.phpI file vengono configurati tramite specifiche righe di codice (questa funzionalità è supportata da alcuni host). Prima dell’aggiornamento, assicurati che il tuo tema e i tuoi plugin siano compatibili con la nuova versione.

UltaHost – Hosting per siti WordPress

Garanzia di rimborso entro 30 giorni, larghezza di banda illimitata e accesso ai database, protezione gratuita contro gli attacchi DDoS; sconto del 50% per l’acquisto di un piano valido per 3 anni (da 3 a 4 TB di spazio di archiviazione).

pagina di accesso

Ottimizzare le immagini e i file multimediali

Le immagini non ottimizzate sono la principale causa di ingombro delle pagine web. È essenziale utilizzare strumenti come TinyPNG o ShortPixel per comprimerle prima di caricarle. Inoltre, si dovrebbero attuare le seguenti strategie:

1. Utilizzare il formato corretto: le foto devono essere in formato JPEG, gli icona e i grafici semplici in formato PNG o SVG, mentre le animazioni in formato GIF o WebP.
2. Implementazione di immagini responsive: WordPress 4.4+ ne fornisce il supporto nativo.srcsetAssicurati che le immagini abbiano dimensioni adeguate per diversi tipi di schermi. Puoi farlo utilizzando le impostazioni relative ai temi (temi) del sistema.functions.phpAggiungere un filtro al file per effettuare le necessarie modifiche.srcsetIl punto di interruzione (“breakpoint”).
3. Caricamento differito: Il caricamento delle immagini che si trovano al di fuori dell’area visibile del sito viene ritardato. WordPress 5.5 e versioni successive includono già il supporto per il caricamento differito; inoltre, è possibile utilizzare plugin come WP Rocket o Lazy Load by WP Rocket per potenziare ulteriormente questa funzionalità.

Pulire il database e ridurre il numero di richieste HTTP

È importante pulire regolarmente gli elementi non necessari del database, come versioni revisionate, bozze, commenti inutili e dati temporanei scaduti. Plugin come WP-Optimize possono semplificare questo processo. Inoltre, è possibile ridurre il numero di richieste HTTP: unendo i file CSS e JavaScript (se possibile), limitando l’uso di font e script esterni, e scegliendo font per gli iconi invece di utilizzare molte immagini separate.

Dettagliato spiegamento del meccanismo di cache principale

Il caching è fondamentale per l’ottimizzazione delle prestazioni: il suo principio consiste nel memorizzare le pagine generate dinamicamente sotto forma di file statici, in modo che le richieste successive possano essere soddisfatte direttamente leggendo questi file statici, riducendo notevolmente il tempo di elaborazione da parte del server e il numero di query al database.

Si consiglia di leggere Guida completa allo sviluppo e all'ottimizzazione delle prestazioni dei siti e-commerce WooCommerce.。

Il funzionamento della cache delle pagine.

Quando un visitatore accede per la prima volta a una pagina, WordPress deve eseguire del codice PHP, interrogare il database e combinare i contenuti dei template, un processo che richiede molto tempo. I plugin di cache per le pagine, una volta che la pagina è stata generata per la prima volta, salvano l’output HTML completo su disco o in memoria del server. La prossima volta che un visitatore richiede la stessa pagina, il server invia direttamente il file HTML statico, evitando l’intero processo di elaborazione tramite PHP e database, garantendo così una risposta in tempi brevissimi (in millisecondi).

L'uso efficace della cache del browser.

Il cache del browser indica che il browser dell’utente memorizza risorse statiche (come immagini, file CSS e JS) localmente. Quando l’utente visita nuovamente il tuo sito web, queste risorse non devono essere scaricate nuovamente dal server. Questo viene realizzato impostando i header delle risposte HTTP.Cache-Control和ExpiresPuoi….htaccessAggiungere regole al file per abilitare la cache del browser:

# 启用浏览器缓存
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>

La maggior parte dei plugin di cache (come W3 Total Cache e WP Super Cache) offre questa funzionalità e la configura automaticamente.

hosting.com Hosting condiviso

Prestazioni elevate con CPU AMD EPYC, storage SSD NVMe e LiteSpeed, supporto interno di esperti 24 ore su 24, 7 giorni su 7, misure di sicurezza avanzate, tra cui SSL, brute force, malware e protezione DDoS, risparmi fino a 73%

pagina di accesso

La cache degli oggetti e l'ottimizzazione delle query del database.

Il caching degli oggetti memorizza i risultati delle query al database nella memoria (ad esempio, in servizi come Redis o Memcached). Per i siti web che devono eseguire frequentemente query complesse (come grandi negozi online basati su WooCommerce o forum), il caching degli oggetti può ridurre notevolmente il carico sul database. WordPress utilizza questo meccanismo per migliorare le prestazioni del sito.WP_Object_CacheLa classe fornisce un’interfaccia per il caching degli oggetti. È necessario installare e abilitare gli estensioni Redis o Memcached sul lato server, e successivamente utilizzare plugin come Redis Object Cache per implementare il caching.wp-config.phpConfigurare per stabilire la connessione.

在wp-config.phpEsempio di configurazione di Redis:

define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_REDIS_TIMEOUT', 1);
define('WP_REDIS_READ_TIMEOUT', 1);

Advanced caching strategies and plugin applications

Una volta acquisite le nozioni di base sul caching, è possibile affrontare scenari più complessi utilizzando strategie più sofisticate e plugin potenti, come per esempio nel caso di utenti connessi, contenuti dinamici e siti di e-commerce.

Si consiglia di leggere Guida definitiva all’ottimizzazione delle prestazioni di WordPress: dalla configurazione di base alle strategie avanzate di caching。

Implementare il caricamento differito dei file CSS e la gestione dei percorsi critici (key paths) per ottimizzare le prestazioni del sito web.

Per quanto riguarda il “contenuto della prima pagina”, ovvero la parte che l’utente vede immediatamente all’avvio dell’applicazione, è necessario caricare in priorità il CSS necessario (il CSS “chiave”), piuttosto che attendere che il resto del CSS venga caricato in modo differito o asincrono. Questo permette di migliorare notevolmente la velocità di visualizzazione dei primi elementi del sito. Alcuni plugin di ottimizzazione avanzati e strumenti online possono aiutarti a individuare e selezionare il CSS “chiave” da caricare per primi.

Il caricamento differito di JavaScript, in particolare di script di terze parti (come i widget delle piattaforme social media o il codice di analisi), può evitare che blocchino la visualizzazione della pagina.async或deferI dati relativi agli attributi vengono caricati tramite JavaScript non essenziale (non “critico” per il funzionamento del sito).

Hosting condiviso InterServer

Hosting condiviso $2,50 USD al mese, primo mese $0,1 USD codice promozionale tryinterserver, 461 script di applicazioni cloud, installazione con un clic.

pagina di accesso

Gestione degli utenti connessi e del contenuto dinamico

La cache standard delle pagine potrebbe non essere adatta per gli utenti connessi (ad esempio amministratori o iscritti), poiché questi visualizzano pagine personalizzate. Le soluzioni di cache avanzate offrono regole per la “cache degli utenti” o per l’esclusione di determinate pagine dalla cache. Ad esempio, è possibile impostare che le pagine contenenti elementi come il “carrello della spesa” o “Il mio account” non vengano memorizzate nella cache, oppure utilizzare i cookie per distinguere le diverse versioni delle pagine che vengono visualizzate.

Per i piccoli blocchi di contenuto dinamico presenti sulla pagina (come i commenti più recenti o il numero di articoli nel carrello), è possibile utilizzare il “caching a frammenti”. Questo viene solitamente implementato tramite codice, ad esempio utilizzando l’API transient di WordPress.set_transient(), get_transient()Oppure si può utilizzare una funzione specifica fornita da un plugin di cache per memorizzare in cache quel frammento di dati.

Punti chiave per la configurazione dei plugin di cache più diffusi

• WP Rocket: Un plugin commerciale noto per la sua facilità d’uso e le sue funzionalità avanzate. Si concentra sulla configurazione della cache delle pagine, della cache del browser, sul caricamento differito dei contenuti (lazy loading), sul caricamento anticipato dei dati (preloading) e sull’ottimizzazione del database. La funzione di “caricamento anticipato” permette di raccogliere automaticamente i link del sito web e di creare una cache, il che è particolarmente vantaggioso per l’ottimizzazione dei risultati di ricerca (SEO).
• W3 Total Cache: Un strumento gratuito ma molto completo, che supporta il caching delle pagine web, dei database, degli oggetti e l’integrazione con i servizi CDN (Content Delivery Networks). La configurazione può risultare un po’ complessa, ma offre una notevole flessibilità, adatta quindi agli utenti esperti.
• WP Super Cache: Sviluppato dal team di WordPress.com, è semplice da utilizzare. Offre principalmente la funzionalità di caching delle pagine (sia in modalità statica che semi-statica), adatto agli utenti che non desiderano effettuare configurazioni complesse.

Dopo aver selezionato il plugin, è fondamentale seguire le istruzioni presenti nel suo documento ufficiale per configurarlo correttamente, e sfruttare le funzionalità di “precaricamento della cache” o “precaricamento anticipato” disponibili.

Server-side e accelerazione tramite CDN (Content Delivery Network)

L’ultimo passo consiste nell’estendere le ottimizzazioni dal livello applicativo a quello dei server e della rete, sfruttando hardware più potente nonché reti distribuite a livello globale per la trasmissione dei contenuti.

Attivare OPcache e la compressione Gzip

OPcache migliora le prestazioni di PHP memorizzando nel cache il bytecode delle script PHP precompilate. Nella maggior parte degli ambienti di hosting, è possibile abilitare questa funzionalità facilmente…php.iniAbilita il file e configuralo.

Il compressore Gzip riduce le dimensioni dei file prima che vengano inviati dal server al browser (ad esempio, riducendo un file di testo a circa il 30% del suo volume originale). Questo processo permette di ridurre notevolmente la quantità di dati trasmessi. Viene solitamente utilizzato….htaccessAttivato in:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/javascript application/json
</IfModule>

L’implementazione di una rete di distribuzione dei contenuti (Content Distribution Network, CDN)

Il CDN (Content Delivery Network) memorizza i tuoi file statici (immagini, CSS, JS, font) nei server distribuiti in tutto il mondo. Quando un utente richiede tali file, vengono recuperati dal nodo CDN più vicino geograficamente, riducendo notevolmente i tempi di caricamento. Cloudflare, StackPath, KeyCDN sono tra le soluzioni più popolari in questo ambito. La configurazione del CDN di solito prevede:
1. Iscriviti al servizio CDN e aggiungi il tuo sito web.
2. Indirizza i record DNS del tuo dominio al provider di CDN (oppure utilizza il record CNAME).
3. Configurare l’URL del CDN all’interno del plugin di cache, in modo che WordPress possa sostituire i link originali dei file con i link forniti dal CDN.

Utilizzare un servizio di risoluzione DNS più veloce.

La velocità di risoluzione DNS influisce anche sulla percezione della velocità di accesso al sito web la prima volta che lo si visita. Scegliere un provider di DNS che offra una rete di distribuzione globale e veloce, come Cloudflare DNS (1.1.1.1) o Google DNS (8.8.8.8), può ridurre i tempi di risoluzione dei nomi di dominio.

Riassumendo

L’ottimizzazione delle prestazioni di WordPress rappresenta un progetto complesso che richiede un approccio graduale, partendo dalle basi fino agli aspetti più avanzati. Innanzitutto, è fondamentale scegliere un host e una versione di PHP di qualità, nonché ottimizzare al massimo le immagini e il database. Successivamente, è essenziale comprendere e implementare meccanismi di cache a più livelli (cache delle pagine, cache del browser e cache degli oggetti), poiché questi rappresentano la chiave per migliorare notevolmente la velocità di caricamento del sito. Per gestire i contenuti dinamici in modo efficace, si possono utilizzare strategie avanzate (come l’uso di CSS essenziale e il caricamento differito dei file) e plugin specializzati per la cache (ad esempio WP Rocket). Inoltre, si possono applicare ottimizzazioni a livello server (come OPcache e Gzip) nonché servizi CDN (Content Delivery Networks) per aumentare ulteriormente le prestazioni. È fondamentale monitorare regolarmente i risultati di strumenti di analisi delle prestazioni (come Google PageSpeed Insights e GTmetrix) e mantenere aggiornati tutti i componenti del sito (temi, plugin e il core di WordPress) per garantire un funzionamento ottimale nel lungo periodo.

FAQ - Domande frequenti

Ho già installato un plugin per il caching, ma perché la velocità del sito è comunque lenta?

I plugin di cache non sono sempre la soluzione per tutti i problemi. La lentezza del caricamento del sito potrebbe essere causata da altri fattori: 1) Prestazioni insufficienti del server o limitazioni nelle risorse disponibili; 2) Presenza di file multimediali di grandi dimensioni non ottimizzati (soprattutto immagini e video in alta definizione); 3) Utilizzo eccessivo di plugin o plugin con codice di scarsa qualità, che introducono richieste HTTP ridondanti e codice inefficiente; 4) Struttura del tema stesso eccessivamente complessa e ingombrante. Si consiglia di utilizzare i pannelli “Performance” e “Network” degli strumenti di sviluppo di Chrome per analizzare il comportamento del sito e individuare i punti di rallentamento specifici nel processo di caricamento.

È necessario utilizzare cache per oggetti (come Redis o Memcached) per il mio sito web?

Dipende dalla dimensione e dall’entità dinamica del tuo sito web. Per blog o siti aziendali con un numero medio di visite giornaliere basso (ad esempio, inferiore a 10.000) e contenuti prevalentemente statici, il caching delle pagine e del browser di solito è sufficiente. Tuttavia, per siti con un elevato traffico, forum comunitari con molte interazioni da parte degli utenti, o grandi negozi online gestiti con WooCommerce, la pressione sul database diventa molto elevata. In questi casi, l’implementazione del caching degli oggetti può ridurre significativamente i tempi di esecuzione delle query sul database e migliorare la velocità di risposta del server, rappresentando un passo fondamentale per risolvere i problemi legati all’espandibilità del sito.

Dopo aver abilitato la cache, come possiamo assicurarci che i visitatori vedano i contenuti più recenti?

I moderni plugin di cache offrono meccanismi completi per la “pulizia della cache”. Quando pubblichi un nuovo articolo, aggiorni una pagina o modifichi l’aspetto del sito (ad esempio, gli strumenti aggiuntivi o i menu), la cache relative a quelle pagine viene automaticamente eliminata. È anche possibile eliminare manualmente l’intera cache nelle impostazioni del plugin. Inoltre, è possibile impostare tempi di scadenza più brevi per la cache (ad esempio, 2-4 ore), in modo che venga rinnovata automaticamente regolarmente. Per le parti del sito che non devono essere affatto memorizzate in cache (come il carrello degli acquisti o la pagina di pagamento), è possibile configurare regole di esclusione apposite all’interno del plugin di cache.

Qual è la principale differenza tra i plugin di cache gratuiti e quelli a pagamento (come WP Rocket)?

La principale differenza risiede nell’usabilità, nell’integrazione delle funzionalità e nel supporto fornito. I plugin gratuiti (come W3 Total Cache, WP Super Cache) possono essere molto potenti, ma offrono un gran numero di opzioni di configurazione complesse, che richiedono una certa competenza tecnica da parte dell’utente per essere regolate e testate correttamente. I plugin a pagamento, invece, come WP Rocket, propongono soluzioni di ottimizzazione “a clic”, integrando molte delle migliori pratiche (come il caching delle pagine, il caching del browser, la compressione Gzip, il caricamento differito dei contenuti, la pulizia del database, l’integrazione con i servizi CDN, ecc.) in un’interfaccia semplice e intuitiva, garantendo che queste funzionalità lavorino in modo coordinato e riducendo il rischio di conflitti nella configurazione. Inoltre, questi plugin offrono solitamente un supporto tecnico professionale, il che rappresenta un grande valore per gli utenti che non desiderano approfondire i dettagli tecnici.