Twitter RSS Feed

Velocizzare Sito Web – La Compressione Gzip

Scritto da Paolo Dello Vicario il 12 gennaio 2010

Stampa Questo Articolo Stampa Questo Articolo

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



Ideatore e Web Master di SeoPoint.org, si occupa di SEO dal 2007. E’ moderatore nel Forum GT, la community di riferimento per i SEO in Italia. E’ stato relatore al Symposium GT 2009 e 2010 su Google, ha partecipato alla Tavola Rotonda del Convegno GT 2009 ed è stato relatore al Convegno GT 2010. Scrive per “IlGiornale.it”.

Potresti Trovare Interessanti Anche:

  • Appunti dal IV Convegno GT
    Dopo due mesi dal Convegno GT ecco tutti gli appunti presi durante la prima giornata dell'evento: ci ho messo "un po'" a risistemarli e ho preferito lasciarli i...
  • Velocizzare Sito Web – La Nuova Rubrica di SeoPoint
    Google ha annunciato con l'introduzione del nuovo algoritmo Caffeine che verrà data finalmente importanza al tempo di caricamento delle pagine nel determinarne ...
  • Google Freshness Update
    Oggi, navigando tra gli articoli, ne ho trovato uno che ritengo essere molto interessante e volevo quindi riproporvelo.Questo articolo riguardante il Freshn...
  • La Storia del Sito Veloce e del Sito Multimediale
    L’annuncio di Caffeine ha scatenato una vera e propria tempesta tropicale nel mondo SEO. Gli “ottimizzatori” sono sobbalzati dalle poltrone dell’ufficio e sono ...

Commenti

8 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. [...]

  • Gregorio ha detto:

    Stavo cercando prorpio un esempio di questo codice; google mi chiede di zippare il css. Grazie del post, è passato quasi un anno ma è smepre utile. W il Web :)

  • vendita computer ha detto:

    poi bosogna comprimere l'intero sito?

  • Come migliorare le prestazione e velocità del proprio sito web (con Wordpress): file .htaccess e i suoi segreti - 3nastri ha detto:

    [...] COMPRESSIONE GZIP Per capire bene cos’è la compressione Gzip vi rimando a questo articolo. Questa compressione serve per diminuire il peso delle vostre pagine web. Segue il codice per la [...]

  • webdevto ha detto:

    Salve,
    ho utilizzato la compressione gzip nel file .htacces come avete indicato voi. La compressinoe però funziona solo nei file nella root del sito, ma tutto cio che sta in una sottocartella del dominio /application non viene compressa. Come posso comprimere anche il contenuto della sottocartella?

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> <pre lang="" line="" escaped="" highlight="">