Select Page

Cache del browser: come attivarla e incrementare le visite

Cache del browser: come attivarla e incrementare le visite
Shares

La cache del browser è un utile strumento che possiamo sfruttare per velocizzare il nostro sito.

Come già detto più volte nei miei articoli velocità = SEO migliore = SERP migliore. Semplice!

cache del browser francesco maietti

Ma cos’è esattamente la cache del browser?

Ebbene noi conosciamo la cache del server, che possiamo attivare su WordPress utilizzando vari plugin, come WP Super Cache.  Grazie a questa tipologia di cache, ogni volta che un utente viene a farci visita non dovrà attendere che il server recuperi i contenuti dal database e gli elabori. Tutto è già stato preparato in precedenza a gli verrà servito già pronto in modo, ovviamente, più veloce.

Ma c’è ancora un collo di bottiglia da superare, un qualcosa che rallenta il caricamento della pagina: il trasferimento dal server al nostro browser.

Attivando la cache del browser potremo dire al browser del visitatore di salvare le parti salienti della nostra pagina (ovviamente le più pesanti) così, alla visita successiva, tutto sarà molto più rapido.

E cosa c’entra la SEO?

Ricordatevi che da quando vi svegliate al mattino a quando andate a letto alla sera, la SEO c’entra sempre!

Tornando seri, Google stima molto i siti web veloci. Oltre alla cache normale apprezza quindi anche la cache del browser.

Se fate un test del vostro sito con lo Google SpeedTest vedrete che uno dei problemi più “urgenti” da risolvere sarà l’attivazione della cache del browser (sempre che non l’abbiate già fatto, s’intende).

Ecco quindi spiegato perché attivandola potremo scalare la SERP! Anche perché non è detto che i nostri concorrenti l’abbiano fatto, né tantomeno non è certo che chi li gestisca conosca questo particolare…

Come attivare la cache del browser?

Prima di attivare la cache del browser dobbiamo assicurarci di soddisfare 2 requisiti iniziali:

  1. accesso con permessi di scrittura al file .htaccess del nostro spazio web;
  2. due estensioni attive sul nostro server Apache, ossia mod_expires e mod_mime.

Ora dobbiamo modificare il file .htaccess e aggiungere le seguenti righe di codice:

# BEGIN W3TC Browser Cache
<IfModule mod_mime.c>
 AddType text/css .css
 AddType text/x-component .htc
 AddType application/x-javascript .js
 AddType application/javascript .js2
 AddType text/javascript .js3
 AddType text/x-js .js4
 AddType text/html .html .htm
 AddType text/richtext .rtf .rtx
 AddType image/svg+xml .svg .svgz
 AddType application/x-font-woff .woff
 AddType text/plain .txt
 AddType text/xsd .xsd
 AddType text/xsl .xsl
 AddType text/xml .xml
 AddType video/asf .asf .asx .wax .wmv .wmx
 AddType video/avi .avi
 AddType image/bmp .bmp
 AddType application/java .class
 AddType video/divx .divx
 AddType application/msword .doc .docx
 AddType application/vnd.ms-fontobject .eot
 AddType application/x-msdownload .exe
 AddType image/gif .gif
 AddType application/x-gzip .gz .gzip
 AddType image/x-icon .ico
 AddType image/jpeg .jpg .jpeg .jpe
 AddType application/json .json
 AddType application/vnd.ms-access .mdb
 AddType audio/midi .mid .midi
 AddType video/quicktime .mov .qt
 AddType audio/mpeg .mp3 .m4a
 AddType video/mp4 .mp4 .m4v
 AddType video/mpeg .mpeg .mpg .mpe
 AddType application/vnd.ms-project .mpp
 AddType application/x-font-otf .otf
 AddType application/vnd.oasis.opendocument.database .odb
 AddType application/vnd.oasis.opendocument.chart .odc
 AddType application/vnd.oasis.opendocument.formula .odf
 AddType application/vnd.oasis.opendocument.graphics .odg
 AddType application/vnd.oasis.opendocument.presentation .odp
 AddType application/vnd.oasis.opendocument.spreadsheet .ods
 AddType application/vnd.oasis.opendocument.text .odt
 AddType audio/ogg .ogg
 AddType application/pdf .pdf
 AddType image/png .png
 AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx
 AddType audio/x-realaudio .ra .ram
 AddType application/x-shockwave-flash .swf
 AddType application/x-tar .tar
 AddType image/tiff .tif .tiff
 AddType application/x-font-ttf .ttf .ttc
 AddType audio/wav .wav
 AddType audio/wma .wma
 AddType application/vnd.ms-write .wri
 AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw
 AddType application/zip .zip
</IfModule>
<IfModule mod_expires.c>
 ExpiresActive On
 # Default directive
 ExpiresDefault "access plus 1 month"
 ExpiresByType text/css "access plus 1 year"
 ExpiresByType text/x-component "access plus 1 year"
 ExpiresByType application/x-javascript "access plus 1 year"
 ExpiresByType application/javascript "access plus 1 year"
 ExpiresByType text/javascript "access plus 1 year"
 ExpiresByType text/x-js "access plus 1 year"
 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 "access plus 1 year"
 ExpiresByType video/avi "access plus 1 year"
 ExpiresByType image/bmp "access plus 1 year"
 ExpiresByType application/java "access plus 1 year"
 ExpiresByType video/divx "access plus 1 year"
 ExpiresByType application/msword "access plus 1 year"
 ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
 ExpiresByType application/x-msdownload "access plus 1 year"
 ExpiresByType image/gif "access plus 1 year"
 ExpiresByType application/x-gzip "access plus 1 year"
 ExpiresByType image/x-icon "access plus 1 year"
 ExpiresByType image/jpeg "access plus 1 year"
 ExpiresByType application/json "access plus 1 year"
 ExpiresByType application/vnd.ms-access "access plus 1 year"
 ExpiresByType audio/midi "access plus 1 year"
 ExpiresByType video/quicktime "access plus 1 year"
 ExpiresByType audio/mpeg "access plus 1 year"
 ExpiresByType video/mp4 "access plus 1 year"
 ExpiresByType video/mpeg "access plus 1 year"
 ExpiresByType application/vnd.ms-project "access plus 1 year"
 ExpiresByType application/x-font-otf "access plus 1 year"
 ExpiresByType application/vnd.oasis.opendocument.database "access plus 1 year"
 ExpiresByType application/vnd.oasis.opendocument.chart "access plus 1 year"
 ExpiresByType application/vnd.oasis.opendocument.formula "access plus 1 year"
 ExpiresByType application/vnd.oasis.opendocument.graphics "access plus 1 year"
 ExpiresByType application/vnd.oasis.opendocument.presentation "access plus 1 year"
 ExpiresByType application/vnd.oasis.opendocument.spreadsheet "access plus 1 year"
 ExpiresByType application/vnd.oasis.opendocument.text "access plus 1 year"
 ExpiresByType audio/ogg "access plus 1 year"
 ExpiresByType application/pdf "access plus 1 year"
 ExpiresByType image/png "access plus 1 year"
 ExpiresByType application/vnd.ms-powerpoint "access plus 1 year"
 ExpiresByType audio/x-realaudio "access plus 1 year"
 ExpiresByType image/svg+xml "access plus 1 year"
 ExpiresByType application/x-shockwave-flash "access plus 1 year"
 ExpiresByType application/x-tar "access plus 1 year"
 ExpiresByType image/tiff "access plus 1 year"
 ExpiresByType application/x-font-ttf "access plus 1 year"
 ExpiresByType audio/wav "access plus 1 year"
 ExpiresByType audio/wma "access plus 1 year"
 ExpiresByType application/vnd.ms-write "access plus 1 year"
 ExpiresByType application/vnd.ms-excel "access plus 1 year"
 ExpiresByType application/zip "access plus 1 year"
 ExpiresByType application/x-font-woff "access plus 1 year"
</IfModule>

Spiego in sintesi: impostando questo file comunicheremo di attivare la cache del browser dei nostri visitatori dicendogli per ogni tipo di file quanto tempo deve mantenerlo in memoria. Letteralmente, specifichiamo la loro scadenza.

Dato che il server non conosce ogni tipologia di file che possiamo usare sul nostro sito, la prima parte del codice che vi ho mostrato serve appunto per istruirlo: ecco che quindi gli spiegheremo non solo tutti i tipi di immagine, ma anche i file javascript, i file dei font, archivi, ecc.

Nella seconda parta specifichiamo alla cache del browser per ogni tipologia di file quale sarà la sua scadenza (in mesi o in anni): superato il termine la cache del browser verrà ricaricata automaticamente. Infine specifichiamo una scadenza di default che varrà per tutti quei file che ci siamo dimenticati di citare.

E voi avete attivato la cache del browser per il vostro sito?

Trackbacks/Pingbacks

  1. Velocizzare Wordpress: i miei 5 consigli | Francesco Maietti - […] Qui entra in gioco la cache per velocizzare WordPress: essa non è altro che una copia “statica” e già…

Leave a reply

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Ultimi Tweet