Più Velocità - PageSpeed Module Google®

by Fabio Moriondo - Lunedì, 14/07/2014

Importanti novità in ambito Hosting Linux
Siamo felici di informarvi che è stato attivato, dopo verifica da parte dei nostri tecnici, un nuovo strumento di ottimizzazione delle prestazioni su tutti gli hosting linux da noi offerti.
Si tratta del potente PageSpeed Module di Google® per Apache2.

Cosa significa?
Da oggi tutti i siti hostati sui nostri server, avranno la possibilità di attivare questo servizio, che lato server andrà a ri-elaborare i contenuti inviati ai propri visitatori attuando dei processi di ottimizzazione.

Quali sono questi processi di ottimizzazione?
Prima di tutto, è necessario spiegare che tali processi non avvengono direttamente sui file presenti sullo spazio hosting, ma eseguiti direttamente pre-invio al visitatore. Questo significa che i file presenti sul Vostro spazio hosting non subiranno nessuna modifica e rimarranno inalterati.
Qui di seguito un breve riepilogo di tali processi e una breve descrizione:

Extended Cache Aumenta la cache lato server, bypassando le operazioni di lettura del file sul filesystem. Ovviamente il processo è in grado di rilevare qualsiasi modifica sui file, quindi in caso di variazione, riesegue la lettura sul filesystem.
Combine Javascript Questo processo aggrega tutti i file javascript esterni all'html, presenti sul Vostro spazio hosting, generando un file (virtuale) dove vengono aggregati. Questo aumenta le prestazioni diminuendo le richieste al server da parte dei browser.
Combine CSS Questo processo aggrega tutti i file CSS esterni all'html, presenti sul Vostro spazio hosting, generando un file (virtuale) dove vengono aggregati. Questo aumenta le prestazioni diminuendo le richieste al server da parte dei browser.
Recompress Image Questo processo rielabora le immagini inviate effettuando delle ottimizzazzioni, come ad esempio la rimozione dei tag info, l'ottimizzazione della tabella colori e la ricompressione senza perdita di informazione visive.
Collapse Whitespace Questo processo elabora tutti i file HTML (anche quelli generati da esecuzione codice PHP) e elimina gli spazi inutili all'interno del codice, andando a ottimizzare le dimensioni di quest'ultimi e quindi diminuendo il tempo di download.
Remove Comment Questo processo rimuove tutti i commenti all'interno dei file di testo, andando ulteriormente ad ottimizzare le dimensioni. Inoltre tale processo evita la divulgazione di informazioni sensibili sul funzionamento del sito inserite in fase di stesura.
Elite Attributes Questo processo riscrive parte del codice HTML andando a sostituire e ottimizzare gli attributi HTML. (es: disabled="disabled" => disabled)
Trim URLS Questo processo riscrive gli url presenti nella pagina HTML trasmormandoli quando è possibile in percorsi relativi.

Oltre le prestazioni, quali benefici ottengo?
Oltre all'aumento delle prestazione, questo modulo permette anche di automatizzare alcune operazioni di "Web Performance Best Practices", che permettono di ottenere maggiori vantaggi in termini di SEO e porsizionamento sui motori di ricerca. Si ricorda infatti che i maggiori motori di ricerca (es: Google, Bing) penalizzano pesantemente i siti web lenti, premiando invece quelli veloci.

Ok, ma quali sono i risultati?
Ecco alcuni test effettuati in produzione, su sito sviluppato in PHP/Mysql già ottimizzato con sistemi di cache:

  Tempo di caricamento medio Tempo di visualizzazione medio Numero richieste al server Dimensioni totali
Senza PageSpeed 964 ms 2,32 s 62 1,1 MB
Con PageSpeed 550 ms 1,12 s 56 700 KB

Come si vede dai dati, i tempi di caricamento e di visualizzazione sono notevolmente migliorati. Nel dettaglio:
Tempo di caricamento: -43%
Tempo di visualizzazione: -51%
Numero di richieste: -10%
Dimensioni file: -36%

Bene, come implemento PageSpeed sul mio sito?
Semplice, richiedi tramite ticket (ticket.iteasyweb.it) l'attivazione del modulo sul tuo sito, oppure inserisci il seguente codice nel tuo file .htaccess (Solo personale esperto).

<IfModule pagespeed_module>
        ModPagespeed on
        ModPagespeedRewriteLevel PassThrough

        ##  CACHE
        ModPagespeedEnableFilters extend_cache
        ModPagespeedEnableFilters extend_cache_images
        ModPagespeedEnableFilters extend_cache_scripts
        ModPagespeedEnableFilters extend_cache_css

        ##  COMBINE
        ModPagespeedEnableFilters combine_heads
        ModPagespeedMaxSegmentLength 250

        ##  JS SECTION
        ModPagespeedMaxCombinedJsBytes 992160
        ModPagespeedEnableFilters combine_javascript

        ##  CSS SECTION
        ModPagespeedEnableFilters combine_css

        ##  IMAGES
        ModPagespeedEnableFilters recompress_images

        ##  BYTE SAVING
        ModPagespeedEnableFilters collapse_whitespace
        ModPagespeedEnableFilters remove_comments
        ModPagespeedRetainComment " seo_comment*"
        ModPagespeedEnableFilters remove_quotes
        ModPagespeedEnableFilters elide_attributes

        ##  ALTRO
        ModPagespeedEnableFilters rewrite_domains
        ModPagespeedEnableFilters rewrite_style_attributes
        ModPagespeedEnableFilters rewrite_style_attributes_with_url
        ModPagespeedEnableFilters convert_meta_tags
        ModPagespeedEnableFilters pedantic
</IfModule>

Staff, ITEasyWeb