Compressione dei file css e js per risparmiare banda

Blog e portali dinamici patiscono, nel corso del tempo, una continua evoluzione e modifica dei propri fogli di stile e dei file js, che spesso si traduce in un mero aumento di dimensioni e quindi in un rallentamento nel download da parte dei visitatori e in uno spreco inutile di banda.

Nonostante i framework js e css permettano di organizzare strutture web solide e facili da gestire, costituiscono di suo una buona percentuale del traffico internet consumato dai navigatori del web.

Sfruttare il mod_deflate di Apache

Una strategia semplice e immediata è quella di comprimere lato server i file js e css e inviarli cosi in formato ridotto al browser, che si occuperà di decomprimerli e mantenerli nella propria cache. In questo modo è possibile ridurre del 70-80% il peso dei file js e css.

Apache si occupa cosi di effettuare la compressione con carichi minimi sul server, riducendo drasticamente il consumo di banda. L'accept encoding gzip è inoltre supportato da praticamente tutti i browser in circolazione, compresi quelli mobile.

Per abilitare questo processo è sufficiente aggiungere queste righe al proprio file .htaccess:

<IfModule mod_deflate.c>

   <FilesMatch "(principale\.js|principale\.css)$">

     SetOutputFilter DEFLATE

  </FilesMatch>

</IfModule>

E' necessario abilitare il mod_deflate sul proprio apache.