Web e Code Script

Velocizzare il sito abilitando la cache immagini con htaccess

cache-website

In questo articolo parleremo ancora una volta della velocità di caricamento delle pagine del sito, questo perchè sempre più sta divendando un fattore imprescindibile per il posizionamento. Un sito lento è un sito di difficile fruizione e viene quindi valutato in maniera negativa dai motori di ricerca.

Resto stupito quando studiando alcuni siti e blog di rilevanza nazionale (perchè confrontarsi con altre realtà dello stesso settore è sempre costruttivo), mi accorgo di quanto poco venga curato quest’aspetto decisamente importante.

Ed eccomi quindi oggi a presentarvi uno strumento che darà una scossa notevole alla rapidità del vostro sito, l’htaccess (hypertext access). Non ne avete mai sentito parlare? Non temete, spiegherò in poche parole di cosa si tratta e come utilizzarlo. Vi dico subito che non servono eccessive conoscenze tecniche per farlo, vi basterà un editor di testo ed un programma per caricare i file sul vostro hosting (come ad es. Filezilla), strumenti a disposizione di qualunque web designer.

Cos’è e a cosa serve l’htaccess

Il file .htaccess, presente nella root del sito, è un normale file di testo che contiene al proprio interno le principali direttive di apache. Quando quest’ultimo riceve una richiesta cerca appunto il file con le regole di configurazione da seguire prima di procedere.

Sono diverse le direttive dell’htaccess (Limit, Files, Order, Deny/Allow), che servono a limitare o garantire l’accesso ad elementi presenti nel sito come cartelle o files, a determinati ip o host.

accesso-ai-dati

Non entreremo tuttavia nelle specifiche di questo file, ma apporteremo ad esso una semplice modifica che permetterà ai returning visitors, coloro che accederanno alle pagine del sito per una seconda volta, di velocizzarne i tempi di caricamento.

Abilitare la cache delle immagini

Quello che faremo è abilitare la cache delle immagini presenti nel sito. La cache altro non è che una memoria locale del browser che salva per un determinato periodo di tempo gli elementi che compongono una determinata pagina web in modo da evitare di scaricarli da internet ogni volta che si accede ad essa e velocizzarne in tal modo la visualizzazione.

Come modificare l’htaccess

Scarica dal tuo hosting il file .htaccess ed aprilo con un editor di testo. Aggiungi questo script sotto quello già esistente. Salva e sovrascrivi il file precedente.

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 2 weeks"
ExpiresByType image/png "now plus 365 days"
ExpiresByType image/jpeg "now plus 365 days"
ExpiresByType image/gif "now plus 365 days"
ExpiresByType application/javascript "now plus 365 days"
ExpiresByType application/x-javascript "now plus 365 days"
ExpiresByType text/javascript "now plus 365 days"
ExpiresByType text/css "now plus 365 days"
ExpiresByType image/x-icon "now plus 365 days"
</IfModule>

<IfModule mod_headers.c>
Header unset ETag
</IfModule>

<FilesMatch “\.(jpg|jpeg|gif|png|ico|swf|flv)$”>
Header set Cache-Control “max-age=2592000″
</FilesMatch>

Provalo anche tu e dimmi se non ne vedi i benefici.




emoticons

avatar
Autore: Valerio Del Re

Dott. in Comunicazione e Pubblicità per le Organizzazioni,
Grafico e Web Designer freelance, CEO presso Robadagrafici


Cosa ne pensi? Esprimi la tua opinione.
Scrivi un commento.

Loading Facebook Comments ...

Ti potrebbero interessare anche:


font-awesome

Icon Font Awesome. Come inserire sul sito icone tramite font

Le icone sono ormai uno standard per chi realizza siti internet. Permettono infatti un’ottima personalizzazione per lo stile […]


testare-sito-mobile-online

Testare sito mobile online. Effettua il test con Google

Se sei un webdesigner sicuramente nell’ultimo periodo ti starai dedicando allo studio della tecnica del responsive design. Un […]


orologio-esadecimale

What colour is it? L’orologio esadecimale

Oggi vi segnalo un sito creativo, da veri nerd, per appassionati di grafica e web. Si tratta del […]


sfumature-css3

Come creare una sfumatura con CSS3

CSS3 ha tantissime potenzialità che ogni web designer dovrebbe conoscere per evitare di fare un uso spropositato di […]


css3-box-shadow

Ombra CSS3. Come aggiungerla a testo, div e immagini

CSS3 è una rivoluzione. Ci permette di aggiungere tanti effetti grafici agli oggetti presenti nelle nostre pagine web, […]


css3-border-radius

Come smussare angoli di immagini e div con CSS3 Border Radius

Con Html5 e CSS3 il mondo del web ha fatto un notevole passo avanti, offrendo un’esperienza più ricca […]


mappa-vettoriale-jquery

Mappa del mondo con ingrandimento in jQuery

Creare una mappa navigabile per il sito internet è diventata ormai pratica comune, specialmente quando si tratta di […]


atlas

Arriva Atlas, la concorrenza di Facebook a Google

È ufficiale: Google ha un concorrente. Si chiama Atlas ed è di proprietà di Facebook. Quest’ultimo aveva acquistato […]


jquery-document-ready-function

La base della sintassi di jQuery: $(document) .ready()

Se vi state avvicinando da poco a jQuery e state iniziando a studiarlo, avrete notato che spesso il […]


php-if-else

PHP: gestire le condizioni con le istruzioni if e else

Se state realizzando un sito nel linguaggio di programmazione Php, magari con il CMS WordPress, imparare a gestire […]


Shares

Robadagrafici.com non è una testata giornalistica in quanto viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi prodotto editoriale ai sensi della legge 62/2001. Le immagini e i testi pubblicati sono valutati come di pubblico dominio: qualora il loro uso violasse diritti d'autore, lo si comunichi all'autore del blog che provvederà alla loro pronta rimozione.
Tutti i contenuti sotto Licenza Creative Commons. Marchi e loghi di soggetti terzi utilizzati in questo sito sono di proprietà esclusiva dei rispettivi proprietari.
Roba da Grafici © 2011-2016 - Progetto a cura di ServiziWeb Srl - Privacy & Cookies Policy