Se hai mai analizzato la velocità del tuo sito WordPress con uno strumento di test, è probabile che tu abbia visto apparire l'avviso 'sfrutta la cache del browser'. Abilitiamo la cache del browser su tutti i nostri siti per garantire prestazioni ottimali di WordPress come parte importante del nostro processo di ottimizzazione.
La cache del browser potrebbe sembrare tecnica, ma il concetto è semplice: dice ai browser dei visitatori di archiviare determinati file localmente in modo che non debbano scaricarli di nuovo nelle visite future. Questo può dimezzare i tempi di caricamento delle pagine, il che significa visitatori più felici e migliori posizionamenti sui motori di ricerca.
Non è necessario essere uno sviluppatore per risolvere questo avviso. Ti mostreremo diversi metodi semplici per abilitare la cache del browser sul tuo sito WordPress, da semplici soluzioni con plugin a modifiche manuali del codice. Alla fine di questa guida, avrai un sito più veloce e un avviso in meno di cui preoccuparti.
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 vedrai 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 può apparire quando si esaminano i risultati di uno strumento di analisi della velocità delle pagine.
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:
- Correggi l'avviso 'Sfrutta la cache del browser' con WP Rocket
- Correggi l'avviso 'Sfrutta la cache del browser' usando il codice
- Domande frequenti sulla cache del browser
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 controllo della cache e/o le intestazioni expires per attivare la cache del browser. Questo indica al browser web per quanto tempo dovrebbe 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.
Puoi aggiungere il seguente codice al tuo file .htaccess per aggiungere le intestazioni expires:
## 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.
Dopodiché, puoi aggiungere il seguente codice per abilitare il controllo della cache:
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
Header set Cache-Control "max-age=96000, public"
</filesMatch>
Questo codice imposta il tempo di scadenza per quando la cache deve essere aggiornata. Nell'esempio sopra, la cache scadrà tra 90.000 secondi.
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 di caching del browser.
Come modifichi e accedi a questo file dipende dal tuo host, quindi puoi contattare il tuo provider di hosting se hai bisogno di aiuto per accedere al file.
Quindi, devi aggiungere il seguente codice per aggiungere le intestazioni expires:
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 3d;
}
Questo codice imposterà i tempi di scadenza per i diversi tipi di file. Notare che le immagini vengono memorizzate nella cache più a lungo di HTML, CSS, JS e altri tipi di file poiché le immagini di solito rimangono le stesse.
Dopodiché, puoi aggiungere il seguente codice per aggiungere intestazioni cache-control:
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
expires 14d;
add_header Cache-Control "public, no-transform";
}
Questo codice imposta il tempo di scadenza della cache. Dice al tuo server che i tipi di file sopra non cambieranno per 14 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 quando il tuo sito WordPress non dice ai browser dei visitatori di memorizzare i file localmente per le visite future. 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.
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 la nostra guida su come eseguire correttamente un test di velocità del sito web e le nostre scelte di esperti per l'hosting WordPress più veloce per un sito web veloce.
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.