
22 Giu Abilitare la compressione Gzip
Ottimizzare un sito web è una pratica fondamentale ed indispensabile per alleggerirlo il più possibile, e di tecniche per farlo ne esistono diverse.
In questo articolo vedremo come abilitare la compressione Gzip, un’ottimizzazione che consente di ridurre le dimensioni dei file inviati dal tuo server in modo da aumentare la velocità di trasferimento al browser dell’utente finale che visita il sito stesso.
Questa operazione apporta notevoli benefici come un aumento della PageSpeed (ossia la velocità della pagina) e una riduzione, in termini di peso, delle pagine che può arrivare anche fino al 60%, il che non è proprio un numeretto da sottovalutare.
Cos’è e come funziona la compressione Gzip
Il funzionamento da spiegare è piuttosto semplice, in pratica quando un utente visita il tuo sito, non fa altro che eseguire una chiamata al server in cui alloggia il tuo sito per consegnare i file richiesti, ovviamente, più questi file sono grandi e maggiore sarà il tempo di risposta affinchè essi possano comparire sul browser del tuo utente ffinale.
Qui interviene Gzip, il quale comprimendo tutte le pagine e i fogli di stile prima che vengano inviati come risposta al browser web, diminuisce notevolmente i tempi di trasferimento.
Per spiegarlo dal punto di vista tecnico invece, possiamo dire che Gzip in un file di testo scopre le stringhe di codice simili e le sostituisce temporaneamente riducendo le dimensioni del file. Ciò avviene perché solitamente, i file CSS e HTML adoperano molto testo ripetuto e possiedono a loro volta notevoli spazi bianchi. Questa operazione però non è già inclusa, perchè per essere integrata deve essere prima abilitata sul server del tuo sito.
Come abilitare Gzip
Per impostare ed abilitare Gzip sul tuo server Apache, dovrai aggiungere le righe di codice che seguono al tuo file .htaccess.
Ovviamente, questo codice funziona se hai un server Apache, di conseguenza, nel dubbio chiedi prima al tuo provider su come invece abilitare Gzip su un server diverso.
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
Dopo aver inserito il codice, salva il tuo file .htaccess e ricaricalo sul server.
A questo punto, la prova del nove che potrai fare sarà quella di testare nuovamente la PageSpeed del tuo sito per controllare che la compressione sia stata eseguita correttamente.
Non ci sono commenti