Compressione HTML CSS JavaScript

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 mediante mod_deflate

Compressione file sito mediante mod_deflate

Il mod_deflate è un modulo opzionale per il server HTTP Apache, disponibile dalla versione 2.0 del server Apache, esso è basato su un algoritmo di compressione senza perdita di dati Deflate che utilizza una combinazione dell’algoritmo LZ77 e la codifica Huffman.
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.

Compressione HTML CSS JavaScript ultima modidfica: 2014-03-15T20:39:09+01:00 da Gianluca Di Vincenzo