Velocizzare Sito Web – La Compressione Gzip

La seconda puntata della rubrica Velocizzare Sito Web è arrivata: questa volta si parla di una tecnica meno immediata e scontata della diminuzione del peso delle immagini; l’argomento di oggi è infatti la compressione gzip, di cui avete probabilmente sentito parlare. Tramite la compressione gzip è possibile migliorare notevolmente le prestazioni di un sito web e ridurre il peso complessivo delle pagine. Vediamo come.

Come Funziona Gzip

Vediamo brevemente cosa succede quando il browser richiede una pagina o un file al server. Per comodità l’ho rappresentato tramite un diagramma e una sorta di dialogo fra browser e server “umani”.

Richiesta HTTP

Browser: Hey, dammi la pagina index.html
Server: OK, ora la cerco
Server: Trovata(codice di risposta 200 OK), te la mando
Browser: 100KB? Cavolo è tantino, aspetta che la carico… … fatto!

Come fare a mettere a dieta la pagina? Si dovrebbe comprimerla tramite zip, ma sul web.. c’è gzip. Con Gzip il Browser può ricevere il file zippato, e poi decomprimerlo e mostrarlo all’utente, risparmiando un sacco di tempo!

Richiesta HTTP Compressa

Browser: Hey, dammi la pagina index.html, se hai la versione compressa prendo quella
Server: OK, ora la cerco
Server: Trovata(codice di risposta 200 OK), la zippo e te la mando!
Browser: Ottimo, solo 10Kb! La decomprimo e la invio all’utente!

La cosa è comodissima, non ci si perde nulla, e basta che il browser la supporti per rendere felici utenti e motori di ricerca; una svolta insomma!

Impostazione tramite .htaccess o PHP

Per attivare la compressione dei file è possibile usare, su Apache 2.x, la MOD_Deflate, tramite il file .htaccess:

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css

<FilesMatch "\\.(js|css|html|htm|php|xml)$">
SetOutputFilter DEFLATE
</FilesMatch>

Se invece non avete accesso al file .htaccess potete usare questo codice da inserire nei file PHP, nella testata, prima dell’apertura del tag <html>. Prima di inserire tale codice controllate tramite PHPInfo se è installato il supporto a zlib

<?php ob_start( 'ob_gzhandler' ); ?>

Controllare la Compressione

Una volta configurato il server bisogna controllare se la compressione gzip è funzionante:

  • Online: Utilizzate il test gzip online per verificare se la pagina è compressa.
  • Nel browser: Utilizzate Web Developer Toolbar > Informazioni> Visualizza Dimensioni documento per vedere se la pagina è compresso.
  • Tramite gli HTTP Headers: Utilizzate Live HTTP Headers. Cercate una riga che dice “Content-encoding: gzip”.

Siete pronti a velocizzare ulteriormente le vostre pagine? Non perdete la prossima puntata di Velocizzare Sito Web!

Fonte: BetterBlogExplained

Paolo Dello Vicario
12 gennaio 2010

Ottime Offerte di Hosting e Server a Ottimi Prezzi su Netsons

Articoli Correlati

4 Commenti »

  • Velocizzare Sito Web – La Compressione Gzip ha detto:

    [...] articolo originale: Velocizzare Sito Web – La Compressione Gzip Articoli correlati: Velocizzare Sito Web – Le [...]

  • Giuseppe ha detto:

    Buongiorno ragazzi, sto seguendo con interesse la vostra mailing, perchè semplice, rapida e di spunto per imparare e magari poi approfondire.
    Che ne dite però di pianificare una mail a settimana?

  • Paolo Dello Vicario (author) ha detto:

    Ciao Giuseppe,
    grazie per i complimenti!
    Sulla Newsletter ti dico sinceramente che ci stiamo lavorando, vorremmo dare la possibilità di lettura giornaliera e settimanale, e assemblarla in modo ben strutturato, anche con risorse esterne in modo da dare agli iscritti una risorsa completa.
    Aspetta ancora un po’ e sarà tutto sistemato!
    Ciao
    Paolo

  • Velocizzare un sito web | mdrseo.com ha detto:

    [...] Un ottimo articolo lo potete trovare su seopoint che parla della compressione gzip, sembra che questo metodo riesca velocizzare di parecchio il nostro sito, ecclo il link Velocizzare Sito Web – La Compressione Gzip. [...]

Lascia un Commento!

Aggiungi il tuo commento qui sotto, o trackback dal tuo sito. Puoi anche iscriverti tramite subscribe to these comments i feed RSS.

Scrivi solo ottimi commenti, evitando lo spam.

Puoi usare questi tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>