Correzione istantanea WordPress sfrutta la memorizzazione nella cache del browser (passo dopo passo)
Pubblicato: 2021-07-08WordPress sfrutta la memorizzazione nella cache del browser (soluzione semplice e immediata)
Sommario
Se vuoi capire completamente come risolvere il problema della memorizzazione nella cache del browser in WordPress, resta con noi fino alla fine perché abbiamo molto da condividere.
A chi non piace avere una velocità di caricamento incredibilmente veloce?
Ma in qualche modo hai scoperto che "sfruttare la memorizzazione nella cache del browser" impedisce al tuo sito Web di caricarsi rapidamente.
Eppure, siamo qui per questo con una soluzione.
Questo è l'errore più comune che la maggior parte delle persone incontra in Google PageSpeed Insights.
E se il tuo obiettivo è raggiungere più di 90 punteggi in Google PageSpeed Insights, allora devi risolverlo.
Devi sapere che la velocità della pagina è più importante che mai per posizionarsi in alto nelle SERP di Google, oltre a fornire una BUONA esperienza utente.
Questo post ti spiegherà cosa WordPress sfrutta la memorizzazione nella cache del browser e come correggere la leva della cache del browser in WordPress.
QUINDI, entriamo.
Poche informazioni sull'utilizzo della memorizzazione nella cache del browser WordPress
In parole povere, sfruttare la memorizzazione nella cache del browser accelera il caricamento della pagina riducendo le richieste HTTP e migliorando i tempi di risposta del server.
ORA, cosa intendiamo per memorizzazione nella cache?
La quantità di tempo in cui i browser memorizzano le risorse memorizzabili nella cache disponibili su un sito Web in locale viene definita memorizzazione nella cache.
Cosa è incluso in questo?
Ciò include immagini, CSS, JavaScript e altri.
Quando qualcuno visita il sito Web, le risorse memorizzabili nella cache che sono state salvate sul tuo dispositivo vengono ricaricate.
La velocità di caricamento del sito Web è così migliorata visibilmente. Questo è il motivo per cui le persone vogliono sfruttare la memorizzazione nella cache del browser in WordPress.
Che cos'è una vera piattaforma che mostra dati e soluzioni reali?
Puoi provare Think with Google per controllare lo stato del tuo sito se si carica rapidamente o se impiega alcuni secondi per caricarsi completamente.
Questo strumento ti darà tutte le soluzioni su come ottimizzare il tuo sito web per caricarlo velocemente, con un report completo.
Un altro strumento legittimo che puoi utilizzare è PageSpeed Insights di Google per testare la velocità della pagina del tuo sito web.
Ti consiglierà di sviluppare una potente politica della cache per aumentare la velocità della pagina.
Come sfruttare la memorizzazione nella cache del browser
Se possiedi o gestisci un sito Web, dovresti essere informato che la memorizzazione nella cache del server si riferisce al meccanismo attraverso il quale il tuo sito Web produce pagine Web memorizzate nella cache.
Questo è lato server; la memorizzazione nella cache del browser si verifica quando gli utenti accedono al sito Web tramite il proprio browser.
Questo è l'esatto opposto della precedente affermazione.
Inoltre, quando utilizzi la memorizzazione nella cache del browser, dici al tuo server per quanto tempo le risorse devono essere archiviate nei browser dei tuoi visitatori.
Per sfruttare la memorizzazione nella cache del browser, in genere devi identificare le intestazioni HTTP per specificare i tempi di scadenza corretti per vari tipi di file sul tuo sito web.
Se desideri inserire il codice manualmente o utilizzare un plugin per WordPress, dipenderà dal fatto che il tuo server web sia Nginx o Apache.
ORA, passiamo ai metodi per sfruttare la memorizzazione nella cache del browser in WordPress, sia con che senza plug-in.
Come risolvere il problema della memorizzazione nella cache del browser su WordPress senza plug-in?
Molte persone non preferiscono un plugin per WordPress per risolvere questo problema.
Puoi utilizzare la memorizzazione nella cache del browser modificando le impostazioni sul tuo server web.
Il tuo server web dirà quindi al browser del visitatore di salvare tali risorse nella cache del browser, se lo fai.
Questi file verranno archiviati localmente dal browser per un determinato periodo di tempo e utilizzati per le successive visite alle pagine.
La procedura per istruire il tuo server web ad avviare la memorizzazione nella cache dei browser dei tuoi visitatori varia da server a server.
Apache e Nginx sono entrambi i server web più popolari.
Iniziamo a correggere passo dopo passo la memorizzazione nella cache del browser in WordPress su entrambi i server.
1. WordPress sfrutta la memorizzazione nella cache del browser utilizzando (Apache)
Molti servizi di hosting condiviso utilizzano Apache, quindi se il tuo sito ha un file .htaccess, dovrai seguire le istruzioni del codice Apache.
Ecco come puoi utilizzare il codice personalizzato per sfruttare la memorizzazione nella cache del browser sul tuo server Apache.
Dopo aver confermato che il tuo server è in esecuzione su Apache, puoi passare al passaggio successivo.
1. Per accedere al tuo server, accedi a CPanel o usa un client FTP.
2. Trova ora il tuo file .htaccess .
Poiché il file .htaccess potrebbe essere nascosto per impostazione predefinita, potrebbe essere necessario mostrare i file nascosti (dotfile).
Il tuo file .htaccess dovrebbe assomigliare all'immagine qui sotto.
Devi capire che puoi modificarlo direttamente sul server o importarlo e aprirlo in un editor di testo.
Inoltre, hai molte scelte per determinare le regole di memorizzazione nella cache del browser come:
Intestazioni scadono o intestazioni Cache-Control.
Diamo un'occhiata a entrambi.
1. Intestazioni di controllo della cache:
Dovrai aggiungere il seguente frammento di codice nella parte superiore del tuo file.htaccess dopo averlo aperto:
copia questo codice:
# BEGIN Intestazioni di controllo della cache
<IfModule mod_expires.c>
<IfModule mod_headers.c>
<filesMatch “\.(ico|jpe?g|png|gif|swf)$”>
Header append Cache-Control "pubblico"
</filesMatch>
<filesMatch “\.(css)$”>
Header append Cache-Control "pubblico"
</filesMatch>
<filesMatch “\.(js)$”>
Header append Cache-Control "privato"
</filesMatch>
<filesMatch “\.(x?html?|php)$”>
Header append Cache-Control "privato, deve essere riconvalidato"
</filesMatch>
</IfModulo>
</IfModulo>
2. Scade le intestazioni:
Queste intestazioni Expire possono essere aggiunte nella parte superiore del tuo file.htaccess, proprio come l'intestazione Cache-Control.
Guarda il formato del codice:
## SCADENZA CACHING ##
<IfModule mod_expires.c>
ScadeAttivo il
ExpiresByType image/jpg “accesso 1 anno”
ExpiresByType image/jpeg "accesso 1 anno"
ExpiresByType immagine/gif "accesso 1 anno"
ExpiresByType image/png "accesso 1 anno"
ExpiresByType text/css "accedi 1 mese"
ExpiresByType text/html “accedi 1 mese”
ExpiresByType application/pdf “accedi 1 mese”
ExpiresByType text/x-javascript "accedi 1 mese"
ExpiresByType application/x-shockwave-flash "accedi 1 mese"
ExpiresByType image/x-icon "accesso 1 anno"
ScadeDefault "accesso 1 mese"
</IfModulo>
## SCADENZA CACHING ##
Puoi facilmente rivedere queste intestazioni da DevTools di Chrome dopo averle impostate sul tuo server.
Vai semplicemente alla scheda Rete, seleziona una risorsa e cerca il modulo di intestazione che hai aggiunto, ad esempio Cache-Control, Expires o entrambi.
2. Disabilita i tag entità:
Ultimo ma non meno importante, è necessario utilizzare il codice seguente per disattivare i tag di entità:
FileETtag Nessuno
Quando disabiliti gli ETag, il browser può utilizzare i criteri della cache invece di riconvalidare i file ogni volta che viene caricata una pagina.
Per rendere effettive le modifiche, salva il file .htaccess e riavvia Apache.
WordPress sfrutta la memorizzazione nella cache del browser utilizzando (Nginx)
Nginx è un server Web gratuito e open source utilizzato da oltre 500 milioni di siti Web.
Hai alcune opzioni per impostare i tempi di scadenza della memorizzazione nella cache sui componenti statici e dinamici del tuo sito Web, proprio come con Apache.
1. Intestazioni "Cache-Control" (Nginx)
All'interno del blocco del server, che in genere si trova in
/etc/nginx/site-enabled/default,
aggiungi questo frammento seguente.
posizione ~* \.(png|jpg|jpeg|gif)$ {
scade 365d;
add_header Controllo cache "pubblico, senza trasformazione";
}
posizione ~* \.(js|css|pdf|html|swf)$ {
scade 30d;
add_header Controllo cache "pubblico, senza trasformazione";
}
2. Intestazioni "Scade" (Nginx)
Inserisci il seguente codice nel blocco del server che si trova in:
/etc/nginx/site-enabled/default/
posizione ~* \.(jpg|jpeg|gif|png)$ {
scade 365d;
}
posizione ~* \.(pdf|css|html|js|swf)$ {
scade 30d;
}
Come risolvere il problema della memorizzazione nella cache del browser su WordPress con il plug-in?
Nel caso in cui desideri ignorare i passaggi di codifica più coinvolti, puoi utilizzare alcuni dei buoni plugin di WordPress per sfruttare la memorizzazione nella cache del browser.
1. WP più veloce cache:
La cache più veloce del WP
WP Fastest Cache è un altro plug-in di memorizzazione nella cache di WordPress con facili opzioni di personalizzazione.
Puoi consentire la memorizzazione nella cache del browser nell'edizione gratuita. Come mostrato sopra, vai alla pagina delle impostazioni e seleziona la casella di controllo della memorizzazione nella cache del browser.
2. LiteSpeed Cache:
LiteSpeed Cache
LiteSpeed Cache è un plug-in di memorizzazione nella cache che ti consente di sfruttare la memorizzazione nella cache del browser semplicemente attivandola.
Vai alle impostazioni della cache dopo aver installato e abilitato il plug-in. Vai alla scheda Browser e attiva la funzione Cache del browser.
Puoi anche specificare una data di scadenza.
Questa impostazione, tuttavia, si applicherà a tutti i file memorizzati nella cache del tuo sito.
Conclusione:
L'uso della memorizzazione nella cache del browser può aiutarti a migliorare il punteggio dei test delle prestazioni web.
Se visualizzi questo avviso in Google PageSpeed Insights, puoi risolverlo nei seguenti modi:
- Aggiunta di intestazioni Cache-Control o Expires.
- Utilizzo della cache del browser per Google Analytics.
- Ridurre al minimo l'uso di script di terze parti.
Hai altri suggerimenti per risolvere il problema della memorizzazione nella cache del browser della leva? Per favore condividi i tuoi pensieri nella sezione commenti qui sotto!