I test di velocità spesso segnalano l'avviso 'sfrutta la cache del browser', facendolo sembrare un problema tecnico complicato. Correggiamo regolarmente questo errore per aiutare i siti web a caricarsi più velocemente e a posizionarsi meglio nei risultati di ricerca.
La cache del browser indica semplicemente al computer di un utente di memorizzare file come le immagini in modo che non debbano essere scaricati di nuovo. Ciò riduce significativamente i tempi di caricamento delle pagine e migliora l'esperienza utente complessiva.
Puoi correggere questo avviso facilmente senza assumere uno sviluppatore. Ti guideremo attraverso le soluzioni adatte ai principianti che utilizziamo per abilitare la cache del browser sui nostri siti web.
Cos'è la cache del browser in WordPress?
La cache del browser è un modo per migliorare la velocità di caricamento del tuo sito web WordPress.
Normalmente, quando una pagina web viene caricata, tutti i file vengono caricati separatamente. Questo crea richieste multiple tra il browser e il tuo hosting WordPress server, il che aumenta il tempo di caricamento della pagina web.
Quando la cache del browser è abilitata, il tuo browser web memorizza una copia della tua pagina web localmente. Questo consente ai browser di caricare più velocemente file comuni come fogli di stile, loghi e immagini quando l'utente visita una seconda pagina sul tuo sito.
Ciò riduce il carico complessivo del server perché verranno effettuate meno richieste al server effettivo, migliorando di conseguenza l'ottimizzazione delle prestazioni e l'esperienza utente.
Dove vedi l'avviso 'Sfrutta la cache del browser'?
L'avviso 'Sfrutta la cache del browser' significa che non hai abilitato la cache del browser o che la tua cache potrebbe essere configurata in modo errato.
Quando esegui un test di velocità del sito web utilizzando uno strumento come GTmetrix o Google PageSpeed Insights, otterrai un report che ti mostra cosa puoi correggere per velocizzare WordPress.
Se il tuo sito web non utilizza attualmente la cache del browser, riceverai un avviso per abilitarla.
Ecco come appare l'errore nello strumento PageSpeed Insights:
A volte riceverai un avviso che dice che la tua 'policy di cache efficiente' non funziona.
Entrambi questi avvisi si riferiscono a un errore nella configurazione della cache del browser.
Se vedi l'avviso 'Sfrutta la cache del browser', significa che dovrai attivare e personalizzare le regole di caching per velocizzare il tuo sito.
Detto questo, diamo un'occhiata a come correggere facilmente l'avviso 'Sfrutta la cache del browser' in WordPress utilizzando due metodi diversi. Utilizza semplicemente i collegamenti rapidi qui sotto per scegliere il metodo che desideri utilizzare:
Metodo 1: Correggi l'avviso 'Sfrutta la cache del browser' con WP Rocket
WP Rocket è il miglior plugin di caching per WordPress sul mercato. È facile da usare e può aiutarti a ottimizzare il tuo sito per la velocità, il tutto senza conoscere termini complessi di caching e velocità.
Fin da subito, tutte le impostazioni di caching consigliate velocizzeranno davvero il tuo blog WordPress.
Per risolvere l'avviso 'Sfrutta la cache del browser' con WP Rocket, tutto ciò che devi fare è installare e attivare il plugin.
Fatto.
Per maggiori dettagli, puoi consultare la nostra guida su come installare e configurare correttamente WP Rocket in WordPress.
WP Rocket abiliterà automaticamente la cache del browser e modificherà il tuo file .htaccess con le regole corrette.
Nota: Se stai utilizzando l'hosting web di SiteGround, puoi utilizzare invece il plugin gratuito SiteGround Optimizer. Ha quasi le stesse funzionalità di WP Rocket e abiliterà automaticamente la cache del browser per te.
Metodo 2: Risolvere l'avviso 'Sfrutta la cache del browser' tramite codice
Il secondo metodo prevede l'aggiunta di codice ai tuoi file WordPress. Se non l'hai mai fatto prima, consulta la nostra guida per principianti su come inserire snippet dal web in WordPress.
Questo metodo non è adatto ai principianti, quindi seguilo solo se sai esattamente cosa stai facendo. Per la maggior parte dei proprietari di attività commerciali, consigliamo di utilizzare il Metodo 1.
Detto questo, diamo un'occhiata a come risolvere l'avviso 'Sfrutta la cache del browser' aggiungendo codice a WordPress.
Nota: Prima di personalizzare il codice di WordPress, ti consigliamo di eseguire un backup del tuo sito WordPress. Per maggiori dettagli, consulta la nostra guida su come eseguire il backup e ripristinare il tuo sito WordPress.
Determina se il tuo sito web utilizza Apache o Nginx
Innanzitutto, devi capire se il tuo sito web utilizza server Apache o Nginx.
Per fare ciò, apri il tuo sito web in una nuova scheda o finestra. Quindi, fai clic con il pulsante destro del mouse e seleziona l'opzione 'Ispeziona'.
Successivamente, fai clic sulla scheda 'Network' nella parte superiore della pagina.
Potrebbe essere necessario aggiornare la pagina affinché i risultati vengano caricati.
Dopodiché, fai clic sul nome del tuo dominio nella colonna ‘Nome’.
Dovrebbe essere in cima alla pagina.
Quindi, nella sezione ‘Response Headers’, vedrai una voce chiamata ‘server’ dove è visualizzato il tipo di server.
In questo caso, il sito è in esecuzione su un server Apache.
Aggiungere intestazioni Cache-Control ed Expires in Apache
Per correggere l'avviso ‘Sfrutta la cache del browser’ con un server Apache, dovrai aggiungere del codice al tuo file .htaccess.
Per modificare questo file, devi connetterti al tuo account di hosting WordPress con un client FTP o lo strumento di gestione file del tuo host.
Dopo esserti connesso, potrai vedere il tuo file .htaccess nella cartella principale del tuo sito web.
Se non riesci a trovarlo, non preoccuparti. A volte questo file può essere nascosto. Per maggiori dettagli, consulta la nostra guida su perché non riesci a trovare il file .htaccess sul tuo sito WordPress.
Successivamente, devi aggiungere il codice che attiva la cache del browser. Questo indica al browser web per quanto tempo deve memorizzare le risorse del tuo sito web prima che vengano eliminate.
- L'intestazione cache-control fornisce dettagli specifici al browser web su come deve essere eseguita la cache.
- L'intestazione expires abilita la cache e indica al browser web per quanto tempo deve memorizzare file specifici prima di essere eliminati.
Devi semplicemente aggiungere il seguente codice al tuo file .htaccess:
## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##
Questo codice imposta diverse date di scadenza della cache in base al tipo di file.
Non dimenticare di salvare il file dopo averlo modificato. Dopodiché, il browser web richiederà nuove versioni dei file.
Aggiungere intestazioni Cache-Control e Expires in Nginx
Se stai utilizzando un server web Nginx per ospitare il tuo sito WordPress, puoi modificare il file di configurazione del server per correggere l'errore della cache del browser.
Tuttavia, se stai utilizzando un provider di hosting WordPress gestito come WP Engine o SiteGround, di solito non avrai il permesso di modificare questo file. In tal caso, dovresti contattare il tuo team di supporto di hosting e chiedere loro di abilitare la cache del browser per te.
Se gestisci il tuo VPS o server dedicato, puoi aggiungere il seguente codice al tuo file di configurazione:
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
add_header Cache-Control "public, no-transform";
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 30d;
add_header Cache-Control "public, no-transform";
}
Questo codice imposta i tempi di scadenza per i diversi tipi di file. Si noti che le immagini vengono memorizzate nella cache per un anno (365d) perché di solito rimangono le stesse, mentre i file CSS e JS vengono memorizzati nella cache per 30 giorni.
Se stai cercando di velocizzare ulteriormente WordPress, assicurati di consultare la nostra guida su come aumentare la velocità e le prestazioni di WordPress.
Domande frequenti sulla cache del browser
Ecco alcune delle domande più comuni sulla correzione dell'avviso di sfruttare la cache del browser in WordPress. Queste risposte ti aiuteranno a comprendere meglio la cache del browser e a risolvere eventuali problemi che potresti incontrare.
1. Cosa significa l'avviso 'sfrutta la cache del browser'?
L'avviso 'Sfrutta la cache del browser' appare perché il tuo sito web non sta salvando i file nel browser dell'utente per un uso futuro. Quando un utente visita una seconda pagina del tuo sito, il suo browser deve scaricare nuovamente ogni singola immagine e script, il che rallenta la velocità di caricamento della pagina.
Questo avviso compare negli strumenti di test della velocità come Google PageSpeed Insights e GTmetrix quando il tuo sito potrebbe caricarsi più velocemente abilitando la cache del browser. Essenzialmente, significa che ti stai perdendo un modo semplice per migliorare le prestazioni del tuo sito.
2. Per quanto tempo dovrei impostare i tempi di scadenza della cache del browser?
Per la maggior parte dei siti WordPress, consigliamo di impostare la scadenza delle immagini dopo 1 anno, i file CSS e JavaScript dopo 1 mese e altri file statici dopo 3-7 giorni. Le immagini cambiano raramente, quindi possono essere memorizzate nella cache più a lungo, mentre i file CSS e JS potrebbero essere aggiornati più frequentemente. Puoi sempre regolare questi tempi in base alla frequenza con cui aggiorni i contenuti e il design del tuo sito.
3. L'abilitazione della cache del browser romperà il mio sito web?
No, abilitare la cache del browser non danneggerà il tuo sito web. La cache del browser influisce solo su come i file vengono memorizzati nei browser dei visitatori e non modifica i file effettivi del tuo sito web. Tuttavia, consigliamo sempre di creare un backup prima di apportare modifiche al tuo sito, specialmente quando si modificano manualmente file di codice o file .htaccess.
4. Ho bisogno di un plugin di caching se il mio provider di hosting offre il caching?
Mentre molti provider di hosting offrono funzionalità di caching di base, un plugin di caching dedicato come WP Rocket offre in genere opzioni di ottimizzazione più complete. Il caching a livello di host si concentra spesso sul caching lato server, mentre plugin come WP Rocket gestiscono il caching del browser, la compressione dei file e altre funzionalità di performance. Puoi usarli entrambi insieme per ottenere i massimi benefici in termini di velocità.
5. Perché vedo ancora l'avviso dopo aver abilitato la cache del browser?
Se continui a vedere l'avviso di sfruttare la cache del browser dopo averla abilitata, potrebbero esserci alcuni motivi: le impostazioni della cache potrebbero non essere configurate correttamente, la tua CDN potrebbe sovrascrivere le impostazioni o lo strumento di test potrebbe controllare i risultati memorizzati nella cache. Prova a svuotare la cache del tuo sito, attendi 24-48 ore affinché le modifiche si propaghino, quindi esegui nuovamente il test di velocità.
6. La cache del browser può causare problemi con gli aggiornamenti del sito web?
La cache del browser può occasionalmente far sì che i visitatori vedano versioni obsolete del tuo sito dopo aver apportato aggiornamenti. Ciò accade perché il loro browser carica la versione memorizzata nella cache invece dei nuovi file. La maggior parte dei plugin di caching gestisce questo automaticamente svuotando la cache quando aggiorni il tuo sito. Se necessario, puoi anche dire ai visitatori di svuotare la cache del loro browser o utilizzare un aggiornamento forzato (Ctrl+F5) per vedere la versione più recente.
Risorse aggiuntive
Speriamo che questo articolo ti abbia aiutato a imparare come correggere facilmente l'avviso 'Sfrutta la cache del browser' in WordPress. Potresti anche voler consultare queste altre guide su come migliorare le prestazioni del tuo sito web:
- La guida definitiva per aumentare la velocità e le prestazioni di WordPress
- I migliori plugin di caching per WordPress per velocizzare il tuo sito web
- Come eseguire correttamente un test di velocità del sito web (i migliori strumenti)
- Come ottimizzare le immagini per le prestazioni web senza perdere qualità
- Hosting WordPress più veloce (test di prestazioni)
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Hai una domanda o un suggerimento? Lascia un commento per iniziare la discussione.