In questo semplice tutorial mostreremo come effettuare la compressione HTML CSS Javascript dei file sul vostro sito. Nulla di più di semplice a dire il vero basta editare delle semplici righe all’interno del file .htaccess del vostro sito et voilà il gioco è fatto, in questo modo non ricorreremo a plugin o altro per chi utilizza dei CMS in modo tale da non appesantire l’intera struttura del vostro sito. In generale esistono due metodi che permettono la compressione gzip del sito tramite htaccess, uno viene definito mod_gzip e l’altro mod_deflate. Noi utilizzeremo il mod_deflate.
Compressione file sito mediante mod_deflate
Forniamo di seguito lo spezzone di codice da introdurre nel nostro file .htaccess.
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php
AddOutputFilterByType DEFLATE application/x-httpd-fastphp
AddOutputFilterByType DEFLATE application/x-httpd-eruby
AddOutputFilterByType DEFLATE text/html
# Istruzioni necessarie per evitare che vengano compressi i file già compressi come immagini, video, pdf etc etc
SetOutputFilter DEFLATE
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.pdf$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.avi$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.mov$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.mp3$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.mp4$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.rm$ no-gzip dont-vary
# Istruzioni necessarie per compatibilità con vecchi browser
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
Non sottovalutate il potere di questo codice specialmente su piattaforme di blogging, esso ridurrà notevolmente i tempi di caricamento delle vostre pagine web, sarà un miglioramento graditi ai crawler dal punto di vista SEO della vostra piattaforma web.
