Velocizza il tuo sito abilitando la Compressione

Abilita la Compressione e velocizza il tuo sito

Il concetto di compressione è molto importante, specialmente oggi che il settore mobile è così dominante.
Molti utenti utilizzano connessioni a consumo per navigare in Internet, ed hanno bisogno di strumenti che gli permettono di non sprecare il traffico che pagano.

Allo stesso modo, la compressione non è legata solamente a questo tipo di utenti ma, in verità, si estende a tutti.
Avere un sito Web che restituisce contenuti compressi, è tecnicamente un obbligo, altrimenti gli effetti sul posizionamento nelle SERP saranno disastrosi; faresti un favore alla tua concorrenza.

Con questo articolo vedremo l’applicazione della compressione in campo Web, e tutti i benefici che ne otterrai.

La compressione fa parte di un argomento più grande: la Technical SEO. Ho scritto una checklist in 13 punti per aiutare gli utenti a mantenere i loro siti ottimizzati alla grande. Quindi ecco il bonus esclusivo di oggi: scarica ora (gratis) la Technical SEO Checklist.

Perchè abilitare la Compressione?

Domanda lecita: perchè dovrei configurare il mio webserver, affinchè restituisca contenuti compressi?

La risposta è introdotta parzialmente all’inizio di questo articolo, ma ampliamo il discorso per capire effettivamente cosa succede abilitandola.

Quando un webserver restituisce contenuti non compressi, sostanzialmente le richieste sono strutturate così:

  1. Il browser fa una richiesta al webserver, specificando un documento;
  2. Il webserver risponde inviando il documento richiesto;
  3. Il browser lo renderizza.

Semplice no? Tanto semplice quanto banale. C’è un problema però…

Supponiamo di avere una pagina molto pesante. Ad esempio, l’home page di questo blog peserebbe all’incirca 490KB, e non è poco quanto sembra.

Perchè ho scritto peserebbe? Perchè in realtà, l’utente riceve una pagina che pesa solamente 75KB.
Agli utenti faccio risparmiare l’84% di traffico in download, solamente attivando la compressione GZIP.

Risultati compresisone GZIP su FortyZoneOra immagina il risparmio di banda – sia per l’utente che per il server – che si ottiene comprimendo tutti i contenuti, di tutte le pagine.

Prima di vedere cosa succede abilitando la compressione, regalami un +1 per ringraziarmi del lavoro per scrivere questa guida.
Ci vuole meno di un secondo e non ti costa niente 😉

Cosa succede abilitando la Compressione?

Dobbiamo sapere che i moderni browser, di default, comunicano al webserver che sono in grado di ricevere contenuto compresso.
Il webserver, a questo punto, può restituire contenuto compresso, oppure no, a seconda di come è configurato.

Esempio di compressone abilitata

Dall’immagine si capisce lo schema base di una comunicazione con contenuto compresso:

  1. Il browser chiede il file, specificando che accetta degli algoritmi di compressione;
  2. Il webserver restituisce il file compresso in uno degli algoritmi specificati;
  3. Il browser lo decomprime e lo renderizza.

La compressione, quindi, a discapito di un leggero (ma non considerabile) aumento di lavoro da parte del server e del browser, permette un’abbondante riduzione delle dimensioni dei file.

Sfrutta il Caching per ottenere un sito
straordinariamente veloce.

 

Come abilito la Compressione?

Per quest’operazione è necessario modificare la configurazione del webserver, e puoi farlo dal pannello di controllo del tuo hosting, se lo permette, oppure dal file di configurazione.

Modifica via .htaccess

Per attivare la compressione GZIP, basta incollare, ad esempio, queste direttive:

<ifModule mod_gzip.c>
  mod_gzip_on Yes
  mod_gzip_dechunk Yes
  mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
  mod_gzip_item_include mime ^application/x-javascript.*
  mod_gzip_item_include mime ^text/.*
  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
  mod_gzip_item_exclude mime ^image/.* 
  mod_gzip_item_include handler ^cgi-script$
</ifModule>

Oppure, se GZIP non dovesse funzionare, è possibile attivare DEFLATE (generalmente più supportato):

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

Verifica compressione utilizzata

Puoi controllare l’effettiva attivazione della compressione con uno di questi tool:

Conclusioni

Con questo articolo abbiamo visto perchè la compressione è una tecnica così importante, e come attivarla.

Con pagine compresse, otterrai:

  • Sito molto più veloce;
  • Migliore esperienza utente;
  • Valutazione più alta in Google PageSpeed Insights.

Ora attivala e verifica di quanto hai migliorato le prestazioni del tuo sito.

Prima di chiudere questo articolo, lasciami un +1 o una condivisione 😉
Non costa niente e ci vuole meno di un secondo.

Se hai domande, pareri o qualcosa da aggiungere, utilizza lo spazio per i commenti che trovi qui sotto.

Davide

Fondatore at FortyZone
Si diploma nel 2015 in Informatica. Continua il viaggio studiando Informatica alla Sapienza. Durante gli anni coltiva e amplia interessi e passioni, tra cui musica, cinema, sviluppo web, SEO, digital marketing e blogging. Ah, suona il basso.
  • Alex Tecno

    Domanda, posso usare ambedue le compressione nel mio file .htaccess o rischio un conflitto tra le due?