Ok ok. Allora, qual \u00e8 il problema? Perch\u00e9 \u00e8 necessario sfruttare la memorizzazione nella cache del browser in WordPress?<\/p>\n Questo argomento \u00e8 discusso in dettaglio di seguito dal nostro team wpDataTables<\/a><\/strong>, quindi continua a leggere e riuscirai a sfruttare la memorizzazione nella cache del browser entro la fine di questo articolo (incrociamo le dita).<\/p>\n La creazione di un sito Web visivamente gradevole non \u00e8 pi\u00f9 fondamentale quando i tempi di caricamento sono cos\u00ec bassi da costringere gli utenti a lasciarlo in pochi secondi.<\/p>\n Devi creare un sito Web<\/a> con pagine a caricamento rapido e contenuti di qualit\u00e0. Ogni singola persona in contatto con Internet dovrebbe saperlo. E il modo pi\u00f9 semplice per rendere pi\u00f9 veloce un sito Web \u00e8 sfruttare la memorizzazione nella cache del browser.<\/p>\n Questo concetto verr\u00e0 spiegato in seguito, ma dovresti sapere che \u00e8 la migliore raccomandazione di Google quando si tratta di tempi di caricamento.<\/p>\n Normalmente, la velocit\u00e0 di caricamento del tuo sito Web pu\u00f2 essere migliorata fino al 50%, purch\u00e9 utilizzi i metodi appropriati.<\/p>\n Cosa c’entra la memorizzazione nella cache del browser?<\/p>\n Scendiamo.<\/p>\n Per coloro che non sanno perch\u00e9 \u00e8 necessario sfruttare la memorizzazione nella cache del browser, \u00e8 meglio spiegarlo in parole pi\u00f9 semplici.<\/p>\n La memorizzazione nella cache rappresenta la quantit\u00e0 di tempo in cui i browser archiviano localmente le risorse memorizzabili nella cache disponibili su un sito Web.<\/p>\n Queste risorse includono immagini, JavaScript, CSS e altri. Ogni volta che una persona accede al sito Web, le risorse memorizzabili nella cache che sono memorizzate sul tuo computer vengono caricate di nuovo. La velocit\u00e0 di caricamento del sito Web \u00e8 cos\u00ec migliorata visibilmente. Questo \u00e8 il motivo per cui le persone vogliono sfruttare la memorizzazione nella cache del browser in WordPress.<\/p>\n Quando una persona accede a un determinato dominio, si verificano pi\u00f9 processi in background. Tutto ci\u00f2 che compone il tuo sito Web WordPress viene trasmesso al browser dell’utente, rendendo il sito visibile. Questi componenti del sito Web includono contenuti, immagini, fogli di stile, script e altro. Devono essere spostati dal server del sito Web al browser dell’utente ogni volta che \u00e8 necessario. I passaggi alla base di questo processo sono:<\/p>\n Il contenuto della cache viene utilizzato sia nei browser Web che nelle applicazioni software. Viene memorizzato temporaneamente sul disco locale. Questi dati sono chiamati ‘ Web Cache<\/a> ‘ o ‘ HTTP Cache<\/a> ‘. Ogni volta che visiti lo stesso sito Web, il browser caricher\u00e0 le informazioni memorizzate sul tuo computer e scaricher\u00e0 il contenuto dal sito Web.<\/p>\n Per verificare se il tuo sito Web WordPress sfrutta correttamente la cache del browser, devi utilizzare uno strumento specifico. Il pi\u00f9 popolare \u00e8 Google PageSpeed \u200b\u200bInsights. Scopri se tutto funziona correttamente digitando l’URL del tuo sito.<\/p>\n Quindi, fai clic su Analizza e lascia che lo strumento faccia la sua magia. PageSpeed \u200b\u200bdovrebbe dirti quale punteggio ha il tuo sito web in termini di ottimizzazione per dispositivi mobili e desktop. Il punteggio varia da 0 a 100 e dopo riceverai anche suggerimenti su come migliorare il tuo sito web. Uno dei suggerimenti pi\u00f9 comuni \u00e8 scegliere di sfruttare la memorizzazione nella cache del browser in WordPress.<\/p>\n wpDataTables<\/a> pu\u00f2 farlo in questo modo. C’\u00e8 una buona ragione per cui \u00e8 il plug-in WordPress n. 1 per la creazione di tabelle e grafici reattivi.<\/p>\n Un vero esempio di wpDataTables in natura<\/p>\n Ed \u00e8 davvero facile fare qualcosa del genere:<\/p>\n E non \u00e8 solo bello, ma anche pratico. Puoi creare tabelle di grandi dimensioni con un massimo di milioni di righe<\/a>, oppure puoi utilizzare filtri e ricerche avanzate<\/a>, oppure puoi scatenarti e renderlo modificabile<\/a>.<\/p>\n "S\u00ec, ma mi piace troppo Excel e non c’\u00e8 niente del genere sui siti web". S\u00ec, c’\u00e8. Puoi utilizzare la formattazione condizionale<\/a> come in Excel o Fogli Google.<\/p>\n Ti ho detto che puoi creare grafici anche<\/a> con i tuoi dati? E questa \u00e8 solo una piccola parte. Ci sono molte altre funzionalit\u00e0<\/a> per te.<\/p>\n Qualsiasi utente di WordPress dovrebbe saperne di pi\u00f9 sulla memorizzazione nella cache del server. Questo \u00e8 un processo che comporta la generazione di pagine Web memorizzate nella cache per il tuo sito Web tramite il server Web. I passaggi precedenti rappresentano la memorizzazione nella cache del sito Web, che \u00e8 principalmente sul lato server.<\/p>\n Ci sono alcuni modi in cui puoi migliorare il sistema di memorizzazione nella cache del server. L’opzione pi\u00f9 consigliata sarebbe l’aggiornamento delle intestazioni su Apache. L’uso dei plug-in di WordPress sarebbe il passaggio successivo e l’aggiunta di CDN lo segue.<\/p>\n Per sfruttare la memorizzazione nella cache del browser in WordPress, \u00e8 necessario utilizzare un po’ di codice. Non preoccuparti: non \u00e8 cos\u00ec difficile come potresti credere.<\/p>\n Devi solo raggiungere il. htaccess<\/a>, aggiungi un dato pezzo di codice e il gioco \u00e8 fatto. Sfruttare la memorizzazione nella cache del browser con il file Htaccess \u00e8 il metodo pi\u00f9 semplice ed efficace che dovresti conoscere.<\/p>\n Il modo pi\u00f9 semplice e veloce per assicurarsi che il tuo sito Web WordPress sfrutti al meglio sia la cache lato server che quella del browser \u00e8 utilizzare un hosting WordPress gestito<\/a>, che preconfigura tutte le impostazioni necessarie per te.<\/p>\n Sfrutta manualmente la memorizzazione nella cache del browser in WordPress procedendo come segue:<\/p>\n Per fare ci\u00f2, \u00e8 necessario seguire i passaggi seguenti:<\/p>\n Inizia accedendo al tuo account di hosting\/cPanel. Passare al file manager. Qui troverai le impostazioni del sito Web, dove devi attivare l’opzione File nascosto. Quindi, vai alla directory principale del sito Web e raggiungi il tuo file .htaccess.<\/p>\n Di solito si trova in \/public_html\/.htaccess. Se il dominio del tuo sito web \u00e8 personalizzato, lo troverai sotto domainname\/public_html\/.htaccess. Fai clic con il pulsante destro del mouse sul file e modificalo seguendo le istruzioni che ti vengono fornite.<\/p>\n Il passo successivo \u00e8 il pi\u00f9 semplice. Copia il codice qui sotto e incollalo alla fine del contenuto del tuo file .htaccess. Non apportare altre modifiche al file.<\/p>\n Le impostazioni incluse nel codice sopra includono un tempo di aggiornamento\/scadenza di 600 secondi per HTML e un mese per CSS e JavaScript.<\/p>\n Lo scopo di questo periodo di scadenza \u00e8 evitare che i tuoi visitatori scarichino nuovamente le risorse troppo spesso. Se esegui pi\u00f9 spesso le modifiche in termini di asset, puoi modificare il periodo in base alle tue esigenze.<\/p>\n Per le persone che vogliono sfruttare la memorizzazione nella cache del browser, la modifica del file .htaccess \u00e8 l’opzione migliore.<\/p>\n Come puoi vedere nel pezzo di codice, le immagini scadranno dopo che \u00e8 trascorso un anno. Per aggiungere le intestazioni di scadenza .htaccess, \u00e8 necessario modificare il file senza danneggiare nient’altro.<\/p>\n Tuttavia, alcune persone non vogliono pasticciare con il loro file .htaccess. Se questa \u00e8 la tua situazione, puoi semplicemente utilizzare un plug-in di memorizzazione nella cache del browser. Scoprirai di pi\u00f9 su tali plugin pi\u00f9 avanti in questo articolo.<\/p>\n Copia il codice qui sotto:<\/p>\n L’impostazione di una data di scadenza o di un’et\u00e0 massima nelle intestazioni HTTP non \u00e8 pi\u00f9 necessaria perch\u00e9 era gi\u00e0 stata impostata durante il passaggio precedente, il che significa che non \u00e8 necessario ripeterla qui.<\/p>\n Etags sta per Entity Tags e si riferiscono a nuove versioni di file memorizzati nella cache. Poich\u00e9 hai gi\u00e0 impostato le intestazioni di controllo della cache, non \u00e8 necessario utilizzare gli ETag, quindi puoi disattivarli per migliorare i tempi di caricamento. Aggiungi la seguente parte di codice al file .htaccess:<\/p>\n Salva il file .htaccess e il gioco \u00e8 fatto!<\/p>\n Se il tuo sito web utilizza NGINX, dovrai usare altri pezzi di codice perch\u00e9 non sarai in grado di trovare il file .htaccess. Ancora una volta, \u00e8 un processo molto semplice che non richiede molte conoscenze tecnologiche. Vai su \/etc\/nginx\/sites-enabled\/default e incolla l\u00ec questo codice:<\/p>\n Probabilmente puoi dire che il tempo di scadenza per i file di immagine \u00e8 impostato su 365 giorni, l’equivalente di un anno. I PDF scadranno dopo soli 30 giorni. Puoi personalizzare il codice come preferisci, proprio come nel caso precedente.<\/p>\n Dopo aver modificato NGINX, salva il file e puoi stare tranquillo sapendo che hai attivato la memorizzazione nella cache del browser sul server NGINX.<\/p>\n Modificare il file .htaccess dove non ti serve pu\u00f2 rovinare l’intero sito web. Fare un solo errore porter\u00e0 a pagine bianche ed errori, quindi \u00e8 perfettamente comprensibile se non vuoi modificare il file da solo.<\/p>\n Fortunatamente, ci sono plugin che possono essere utili, senza che tu debba imparare come abilitare Sfrutta la cache del browser in WordPress<\/p>\n manualmente. L’installazione di un plug-in pu\u00f2 essere eseguita in questo modo:<\/p>\n Ci sono anche altri plugin che puoi usare e alcuni di essi sono elencati di seguito. Sceglili in base alle tue esigenze:<\/p>\n La correzione della Leverage Browser Caching in WordPress con la W3 Total Cache pu\u00f2 essere eseguita seguendo i passaggi elencati di seguito:<\/p>\n WP Fastest Cache \u00e8 un altro plugin che puoi utilizzare per abilitare la memorizzazione nella cache del browser in WordPress.<\/p>\n Questo plugin include pi\u00f9 funzionalit\u00e0 che potresti trovare utili in futuro: puoi automatizzare il processo di pulizia della cache, oppure puoi farlo manualmente, puoi eliminare la pagina manualmente, puoi minimizzare HTML e JavaScript e molti altri. Per usarlo \u00e8 sufficiente:<\/p>\n Puoi anche modificare il file .htaccess in un metodo pi\u00f9 sicuro utilizzando Yoast SEO Plugin. Il plugin WordPress pi\u00f9 comunemente usato \u00e8 SEO di Yoast. Usando questo plugin, puoi modificare facilmente il file .htaccess. Se non hai gi\u00e0 Yoast, devi prima installarlo e attivarlo. Dopodich\u00e9, devi:<\/p>\n Dopo aver apportato le modifiche, puoi utilizzare Google PageSpeed \u200b\u200bInsights per verificare se tutto \u00e8 a posto dopo aver apportato le modifiche. Se il tuo sito web sfrutta correttamente la memorizzazione nella cache del browser, sei a posto. In caso contrario, dovresti ripetere il processo e vedere cosa ti sei perso.<\/p>\n Dopo aver eseguito tutte le modifiche descritte in questo articolo, potresti comunque ottenere un punteggio negativo durante il test della velocit\u00e0 del tuo sito Web utilizzando vari strumenti. Google PageSpeed \u200b\u200bInsights pu\u00f2 darti un punteggio negativo a causa di molti script o servizi di terze parti che vengono eseguiti dietro il tuo sito web. Questi script non hanno una lunga scadenza a causa di una moltitudine di motivi.<\/p>\n Se continuerai a ricevere messaggi su Sfrutta la memorizzazione nella cache del browser in WordPress dopo aver seguito tutti i possibili suggerimenti, non c’\u00e8 nient’altro che puoi fare oltre a eliminare gli script che non usi. Un massimo di tre script dovrebbe essere appena sufficiente per un sito Web, quindi assicurati di pulire il tuo elenco.<\/p>\n Dopo aver apportato questa modifica, tutto dovrebbe funzionare correttamente e il tempo di caricamento del tuo sito Web dovrebbe essere il pi\u00f9 vicino possibile alla perfezione. Nel caso in cui riscontri un problema molto specifico e non ha nulla a che fare con script di terze parti, dovresti informarti e vedere quale impostazione causa il problema.<\/p>\n Tieni presente che potresti non notare le modifiche apportate subito dopo l’installazione di un plug-in. La ragione di questo ritardo \u00e8 il file CSS\/Foglio di stile. La cache del browser che hai gi\u00e0 salvato nel tuo computer ti impedir\u00e0 di vedere le modifiche che hai fatto. Per visualizzare correttamente il sito dopo aver apportato diverse modifiche, si consiglia di visitarlo utilizzando la funzione di navigazione in incognito del proprio browser. Utilizzando questa funzione, non utilizzerai le risorse della cache e dovresti essere in grado di vedere le modifiche correttamente.<\/p>\n Alla fine della giornata, il metodo che scegli per sfruttare la memorizzazione nella cache del browser non \u00e8 rilevante. L’unica cosa che conta \u00e8 vederlo in azione. Finch\u00e9 Sfrutta la memorizzazione nella cache del browser in WordPress funziona come supposto, il modo in cui ci sei arrivato non ha importanza. Puoi scegliere il metodo con cui ti senti a tuo agio e il risultato sar\u00e0 lo stesso. Sia che tu decida di modificare il file .htaccess o di utilizzare un plugin, otterrai tempi di caricamento migliori attivando Leverage Browser Caching.<\/p>\n Se ti \u00e8 piaciuto leggere questo articolo su come sfruttare la memorizzazione nella cache del browser in WordPress, dovresti dare un’occhiata a questo su come velocizzare WordPress<\/a>.<\/p>\n Abbiamo anche scritto di alcuni argomenti correlati come il plug-in del database<\/a> di WordPress, il plug -in di caricamento lento di<\/a> WordPress, le opzioni del plug- in della cache di WordPress e<\/a> i servizi CDN<\/a>.<\/p>\n![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c002237b.jpg\")
<\/a><\/p>\n![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0123c37.jpg\")
<\/a><\/p>\nSfruttare la memorizzazione nella cache del browser? Che cosa vuoi dire con questo?<\/strong><\/h2>\n
Come funziona la memorizzazione nella cache del<\/strong> browser<\/strong> in WordPress?<\/strong><\/h2>\n
![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c022f808.jpg\")
<\/a><\/p>\n\n
Ehi, lo sapevi che anche i dati possono essere belli?<\/h3>\n
![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c033e8ad.png\")
<\/a><\/p>\n\n
Differenze tra cache del server e cache del browser<\/strong><\/h2>\n
Sfrutta la memorizzazione nella cache del browser in WordPress<\/strong><\/h2>\n
\n
\n
Accedi ai file del sito web<\/h4>\n<\/li>\n<\/ol>\n
![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0468424.jpg\")
<\/a><\/p>\n\n
Aggiungi il codice di memorizzazione nella cache del browser nel tuo file .htaccess<\/h4>\n<\/li>\n<\/ol>\n
#Customize expires cache start - adjust the period according to your needs\n<IfModule mod_expires.c>\n\u00a0 FileETag MTime Size\n\u00a0 AddOutputFilterByType DEFLATE text\/plain text\/html text\/xml text\/css application\/xml application\/xhtml+xml application\/rss+xml application\/javascript application\/x-javascript\n\u00a0 ExpiresActive On\n\u00a0 ExpiresByType text\/html \"access 600 seconds\"\n\u00a0 ExpiresByType application\/xhtml+xml \"access 600 seconds\"\n\u00a0 ExpiresByType text\/css \"access 1 month\"\n\u00a0 ExpiresByType text\/javascript \"access 1 month\"\n\u00a0 ExpiresByType text\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-shockwave-flash \"access 1 month\"\n\u00a0 ExpiresByType application\/pdf \"access 1 month\"\n\u00a0 ExpiresByType image\/x-icon \"access 1 year\"\n\u00a0 ExpiresByType image\/jpg \"access 1 year\"\u00a0 \n\u00a0 ExpiresByType image\/jpeg \"access 1 year\"\n\u00a0 ExpiresByType image\/png \"access 1 year\"\n\u00a0 ExpiresByType image\/gif \"access 1 year\"\n\u00a0 ExpiresDefault \"access 1 month\"\n\n<\/IfModule>\n#Expires cache end<\/code><\/pre>\n\n
Aggiungi intestazioni di controllo della cache tramite Apache<\/h4>\n<\/li>\n<\/ol>\n
# BEGIN Cache-Control Headers\n\n<IfModule mod_expires.c>\n <IfModule mod_headers.c>\n \u00a0\u00a0 <filesMatch \".(ico|jpe?g|png|gif|swf)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\" \n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(css)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\"\n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(js)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private\"\n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(x?html?|php)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private, must-revalidate\"\n \u00a0\u00a0 <\/filesMatch>\n <\/IfModule>\n<\/IfModule><\/code><\/pre>\n\n
Disattiva gli Etag<\/h4>\n<\/li>\n<\/ol>\n
<IfModule mod_headers.c>\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Header unset ETag\n<\/IfModule>\nFileETag None<\/code><\/pre>\nServer NGINX e memorizzazione nella cache del browser<\/strong><\/h2>\n
server {\n\u00a0\u00a0\u00a0 listen\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 80;\n \u00a0\u00a0 server_name\u00a0 localhost;\n \u00a0\u00a0 location \/ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 root\u00a0\u00a0 \/usr\/share\/nginx\/html;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 index\u00a0 index.html index.htm;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(jpg|jpeg|png|gif|ico|css|js)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 365d;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(pdf)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 30d;\n \u00a0\u00a0 }\n}\n\nAdd Cache-Control Headers (NGINX)\nlocation ~* .(jpg|jpeg|png|gif|ico|css|js)$ {\nexpires 90d;\nadd_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\nSfrutta la navigazione in WordPress usando i plugin<\/strong><\/h2>\n
![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0591bcc.jpg\")
<\/a><\/p>\n\n
W3 Total Cache \u2013 Plugin WordPress<\/h2>\n
![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c069033e.jpg\")
<\/a><\/p>\n\n
La cache pi\u00f9 veloce del WP<\/h2>\n
![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c078d969.jpg\")
<\/a><\/p>\n\n
Abilitatore della cache: cache di WordPress<\/h2>\n
![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0897f79.jpg\")
<\/a><\/p>\n\n
Usa Yoast SEO per modificare il file .htaccess<\/strong><\/h2>\n
![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c099ad05.jpg\")
<\/a><\/p>\n\n
Memorizzazione nella cache di risorse di terze parti<\/strong><\/h2>\n
Considerazioni finali su come sfruttare la memorizzazione nella cache del browser in WordPress<\/strong><\/h2>\n