Memorizzazione nella cache delle pagine del sito utilizzando .htaccess - Cache

Ascolta questo articolo

Memorizzazione nella cache delle pagine del sito con .htaccess. Una fase altrettanto importante dell'ottimizzazione tecnica è l'inclusione della compressione gzip o della minificazione CSS. Abilitare la cache di pagine e file ti consentirà di aumentare notevolmente la velocità del sito. E a volte anche ridurre il carico sul server. Grazie a semplici manipolazioni, il tuo sito inizierà a volare.

In questo articolo, parleremo di tutti gli aspetti di questo argomento. Qual è l'importanza della cache per il sito e la sua applicazione. Descriverò esempi che puoi applicare nella pratica. Inoltre, ci sarà una breve recensione di alcuni plugin Cache abbastanza buoni per WordPress.

Il contenuto dell'articolo:

• Che cos'è una cache del sito: in che modo la memorizzazione nella cache influisce su un sito
• Come abilitare e configurare la cache del sito
• Code Header set Cache-Control
• Un esempio del costrutto "FilesMatch" che disabilita la memorizzazione nella cache forzata
• Codice cache semplice
• Un caso d'uso più serio per Cache
• Configurazione della memorizzazione nella cache nel browser sul lato utente per 3-7 giorni o per un anno
• Cache dei contenuti (Flash, CSS, JS, HTML, XML) e immagini
• Caching con i plugin di WordPress

Che cos'è una cache del sito: in che modo la memorizzazione nella cache influisce su un sito

In termini semplici, memorizzazione nella cache - questo sta salvando informazioni sul sito dall'utente nel browser. Pertanto, il carico principale sul server è ridotto. Non sarà necessario caricare una parte significativa del sito, poiché la sua parte salvata verrà caricata dal browser dell'utente. Questo è un metodo estremamente efficace per velocizzare il caricamento del sito.

Cache o cache o Cache è un blocco appunti intermedio con accesso rapido. Conservazione e contenimento delle informazioni frequentemente richieste. L'accesso ai dati nella cache è più rapido rispetto a fonti di memoria più lente. Ma c'è un limite di memoria. In parole povere Cache è una memoria corta.

Allo stesso tempo, la memorizzazione nella cache non danneggia l'utente. Ma migliora la visualizzazione del tuo progetto nel suo browser. Come succede! Quando l'utente visita il sito. Il suo caricamento è un po' più lento di quanto dovrebbe essere. Ciò è dovuto al fatto che il browser in questo momento salva una copia del sito. In misura maggiore ciò si applica a:

1. ai loghi;
2. piccole immagini;
3. file css;
4. struttura generale della pagina.

Pertanto, parte del sito è costantemente nella memoria (cache) del browser dell'utente. Per questo motivo, quando si ricarica il sito, il visitatore ottiene la massima velocità di risposta possibile. Il browser in questo momento scarica alcuni degli elementi dalla sua memoria. E il sito, non è necessario ritrasmettere una grande quantità di informazioni.

Quando il sito ha la cache abilitata e configurata. Una certa parte di esso verrà salvata per il periodo richiesto nella cache locale del browser del visitatore. Quali pagine web verranno caricate molto più velocemente in caso di visite ripetute.

Come abilitare e configurare la cache del sito

Non è affatto difficile farlo. Continueremo a lavorare con il file htaccess, che stabilisce le regole per il server. Come lavorare con esso, ho descritto in molti articoli. Quindi vado dritto al punto. Secondo lo standard, la memorizzazione nella cache è impostata per i file necessari e per un certo periodo di tempo. Dopo la scadenza del tempo assegnato per l'archiviazione del file, la sua versione corrente verrà nuovamente scaricata dal server. Per questo hai bisogno di:

• Crea un costrutto di tipo FilesMatch. In esso, specifichiamo le estensioni di file necessarie per la memorizzazione nella cache.
• Successivamente, specifichiamo l'intestazione Cache-Control con la variabile max-age. Qui Cache-Control è l'intestazione della risposta del server. Max-age è una variabile che specifica il tempo di archiviazione del file in secondi.

Un tipico elenco di estensioni utilizzate nel costrutto FilesMatch:

(ico|pdf|flv|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|ttf|svg|eot)(\.gz)

I file che non si desidera memorizzare nella cache non devono essere inclusi nell'elenco del costrutto FilesMatch.

Esempio di codice Set di intestazioni Cache-Control

# Cache-Control # 30 giorni Header set Cache-Control "max-age=2592000, public" # 30 giorni Header set Cache-Control "max-age=2592000, public" # 2 giorni Set di intestazioni Cache-Control "max-age=172800, public, must-revalidate"

Valore -#- commento! Come puoi vedere, i commenti indicano i termini per i quali i file verranno salvati. C'è anche un'opzione per disabilitare la cache forzata. Questa opzione è adatta per i file dinamici. Più correlato a script e vari scenari.

Un esempio del costrutto "FilesMatch" che disabilita la memorizzazione nella cache forzata

Intestazione non impostata Cache-Control

Come puoi vedere, non ci sono scadenze. Pertanto, queste estensioni di file non verranno memorizzate nella cache. In questo design, puoi aggiungere le tue estensioni di file.

C'è anche un altro modo per gestire la cache, che viene utilizzata da molti plugin su WordPrees. In questo metodo, useremo il modulo mod_expires. Questo modulo ha la capacità di controllare le intestazioni di risposta HTTP sul lato server. Qui l'ora principale per l'archiviazione dei dati nella cache può essere impostata dall'utente.

Ha diverse impostazioni per la durata della memorizzazione dei dati:

1. per tempo di accesso del cliente;
2. o dall'ultima modifica del file;
3. impostazioni orario;

Esempio di codice cache semplice

# Expires Headers - 2678400s = 31 giorni ExpiresActive On ExpiresDefault "accesso più 1 secondo" ExpiresByType text/html "accesso più 7200 secondi" ExpiresByType image/gif "accesso più 2678400 secondi" ExpiresByType image/jpeg "accesso più 2678400 secondi" ExpiresBy type image / png "accesso più 2678400 secondi" ExpiresByType text/css "accesso più 518400 secondi" ExpiresByType text/javascript "accesso più 2678400 secondi" ExpiresByType application/x-javascript "accesso più 2678400 secondi"

Un caso d'uso più serio per Cache

ExpiresActive On ExpiresByType text/css A31536000 ExpiresByType text/x-component A31536000 ExpiresByType application/x-javascript A31536000 ExpiresByType application/javascript A31536000 ExpiresByType text/javascript A31536000 ExpiresByType text/x -js A3153600 0 ExpiresByType text/html A3600 ExpiresByType text/richtext A3600 ExpiresByType image /svg+xml A3600 ExpiresByType text/plain A3600 ExpiresByType text/xsd A3600 ExpiresByType text/xsl A3600 ExpiresByType text/xml A3600 ExpiresByType video/asf A31536000 ExpiresByType video/avi A31536000 ExpiresByType image /bmp A31536000 Scade Per Tipo applicazione/java A31536000 Scade Per Tipo video/divx A31536000 ExpiresByType application/msword A31536000 ExpiresByType application/vnd.ms-fontobject A31536000 ExpiresByType application/x-msdownload A31536000 ExpiresByType image/gif A31536000 ExpiresByType application/x-gzip A31536000 ExpiresByType image/x -icon A31536000 Exp iresByType image/jpeg A31536000 Scade PerType image/webp A31536000 ExpiresByType application/json A31536000 ExpiresByType application/vnd.ms-access A31536000 ExpiresByType audio/midi A31536000 ExpiresByType video/quicktime A31536000 ExpiresByType audio/mpeg A31536000 ExpiresByType video/mp4 A31536 000 ExpiresByType video/mp ad esempio A31536000 ExpiresByType application/vnd.ms-project A31536000 ExpiresByType application /x-font-otf A31536000 ExpiresByType application/vnd.ms-opentype A31536000 ExpiresByType application/vnd.oasis.opendocument.database A31536000 ExpiresByType application/vnd.oasis.opendocument.chart A31536000 ExpiresByType application/vnd.oasis.opendocument.formula A31536000 ExpiresByType application/vnd.oasis.opendocument.graphics A31536000 ExpiresByType application/vnd.oasis.opendocument.presentation A31536000 ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000 ExpiresByType application/vnd.oasis.opendocument.text A31536000 ExpiresByType audio/ogg A3153 6000 Scade per tipo application /pdf A31536000 ExpiresByType image/png A31536000 ExpiresByType application/vnd.ms-powerpoint A31536000 ExpiresByType audio/x-realaudio A31536000 ExpiresByType image/svg+xml A31536000 ExpiresByType application/x-shockwave-flash A31 536000 Exp applicazione iresByType/x-tar A31536000 ExpiresByType image/ tiff A31536000 ExpiresByType application/x-font-ttf A31536000 ExpiresByType application/vnd.ms-opentype A31536000 ExpiresByType audio/wav A31536000 ExpiresByType audio/wma A31536000 ExpiresByType application/vnd.ms-write A3153 6000 ExpiresByType application/font-woff A31536000 Scade per tipo application/font -woff2 A31536000 ExpiresByType application/vnd.ms-excel A31536000 ExpiresByType application/zip A31536000

Come possiamo vedere, qui è interessato un numero enorme di estensioni. Con la stessa durata.

Caching nel browser lato utente per 3 - 7 giorni o per un anno

Qui, la maggior parte delle estensioni dei file verrà salvata per un anno. In misura maggiore, questo è utile per le immagini, poiché penso che poche persone le cambino. Pertanto, verranno caricati nel browser del visitatore durante l'anno.

# Cache browser lato utente ExpiresActive On ExpiresDefault "accesso 7 giorni" ExpiresByType application/javascript "accesso più 1 anno" ExpiresByType text/javascript "accesso più 1 anno" ExpiresByType text/css "accesso più 1 anno" ExpiresByType text/html " accesso più 7 giorni" ExpiresByType text/x-javascript "accesso 1 anno" ExpiresByType image/gif "accesso più 1 anno" ExpiresByType image/jpeg "accesso più 1 anno" ExpiresByType image/png "accesso più 1 anno" ExpiresByType image/jpg " accesso più 1 anno" ExpiresByType image/x-icon "accesso 1 anno" ExpiresByType application/x-shockwave-flash "accesso 1 anno" ExpiresByType js "accesso 3 giorni"

Caching dei contenuti (Flash, CSS, JS, HTML, XML) e immagini

In questo esempio, stiamo usando la cache solo per determinati file. E per un periodo più breve.

ExpiresActive On # Image Cache ExpiresByType image/x-icon "accesso più 2592000 secondi" ExpiresByType image/jpeg "accesso più 2592000 secondi" ExpiresByType image/png "accesso più 2592000 secondi" ExpiresByType image/gif "accesso più 2592000 secondi" Contenuto cache # (Flash, CSS, JS, HTML, XML) ExpiresByType application/x-shockwave-flash "accesso più 2592000 secondi" ExpiresByType text/css "accesso più 604800 secondi" ExpiresByType text/javascript "accesso più 2592000 secondi" ExpiresByType application/javascript " accesso più 2592000 secondi" ExpiresByType application/x-javascript "accesso più 2592000 secondi" ExpiresByType text/html "accesso più 600 secondi" ExpiresByType application/xhtml+xml "accesso più 600 secondi"

L'impostazione della memorizzazione nella cache di pagine e file del sito non è una cosa così difficile. La cosa principale è scegliere la strategia giusta. Tutti gli esempi sopra, puoi usare a tua discrezione. Testa le strategie e scegli l'opzione di codice corretta. Di seguito parlerò di alcuni plugin Cache per WordPress.

Configurazione della memorizzazione nella cache con i plugin di WordPress

Per coloro che utilizzano il CMS WordPress ha una grande varietà di plugin di cache. Tutti hanno una soluzione completa e una configurazione automatica. Non dovrebbero esserci particolari problemi nell'utilizzo di tali plugin. Dopo aver installato un tale plug-in, devi solo applicare le impostazioni di cui hai bisogno. Il plugin li salverà automaticamente nel file htaccess.

Cache WP più veloce

Un plug-in di memorizzazione nella cache popolare e abbastanza potente per WP. Ha un gran numero di impostazioni diverse, inclusa l'ottimizzazione di HTML, CSS e Js. Anche un utente inesperto può capirlo.

WP SuperCache

Plug-in molto popolare! Funzionalità eccellente e impostazioni convenienti. Capace di memorizzare nella cache un gran numero di oggetti diversi. Configurare il plugin è molto semplice.

Cache totale W3

Soluzione potente per siti di grandi dimensioni. Il plugin più popolare nel suo genere. C'è una grande varietà di impostazioni e funzionalità. È necessario configurarlo con cura, in quanto può causare errori critici. Esiste la possibilità di conflitti con altri plugin o temi. Ma in termini di funzionalità, un plugin molto buono e potente.

Questi sono i plugin di cache principali e più popolari che io stesso ho utilizzato. Puoi sceglierne uno qualsiasi in base alle tue preferenze.

Infine

In questo articolo, ho cercato di coprire il più possibile l'argomento della memorizzazione nella cache. Specificando esempi che possono essere utilizzati a seconda delle tue caratteristiche. L'impostazione della memorizzazione nella cache con questa guida andrà come un orologio per te. Spero che questo articolo sarà rilevante per molto tempo. Vi ringrazio per l'attenzione, ma non vi saluto. Ci vediamo nei prossimi articoli.

Leggendo questo articolo:

• Come creare un file robots.txt per un sito web - correggere robots
• File htaccess - come creare un file .htaccess istruzioni per principianti

Grazie per aver letto: AIUTO SEO | NICOLA.TOP