Chi come me sviluppo applicazione web oriented, conosce Firebug,  l’utilissimo add-on per Firefox che ci permette di editare, debuggare e monitorare al volo ciò che accade all’interno della pagina web.

Ad integrazione di questo ottimo strumento, Yahoo! ha creato YSlow:

YSlow analyzes web pages and tells you why they’re slow based on the rules for high performance web sites.

L’installazione è semplice come per gli altri add-ons di Firefox, basta andare sulla pagina di YSlow all’interno degli add-ons di Firefox e cliccare su “Add to Firefox“.

Ovviamente dobbiamo aver precedentemente installato Firebug.

Una volta installato e riavviato Firefox passiamo ad analizzare il nostro sito web.Testando YSlow su IdeaFactory.it i risultati sono pessimi, tant’è che il responso per quanto riguarda Performance è:

YSlow in esecuzione

Mi ha dato F! Insufficienza piena.

YSlow ci aiuta a capire dove migliorare, infatti cliccando sulla voci che compongono il responso si va su una pagina dedicata dove è possibile trovare la soluzione mentre cliccando sulla freccia di fianco al testo possiamo vedere l’errore o il problema riscontrato.

Da sistemista guardando il punto 3, Add an Expires header, ed il punto 13, Configure ETags, mi viene subito in mente una soluzione: modificare l’htaccess e forzare sia l’expire che l’ETag con un valori predefiniti.

Ecco cosa ho inserito nel mio .htaccess:

<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)(\.gz)?$">
Header set Expires "Thu, 22 Apr 2010 20:00:00 GMT"
Header unset ETag
FileETag None
</FilesMatch>

Forzo l’header di alcuni file statici ad avere la scadenza tra un anno!
Riproviamo le performance con YSlow:

Purtroppo il sito è su TopHost che non cosente tale direttiva all’interno del file .htaccess…vabé mi arrendo e mi tengo la pessima F voi però continuate ad ottimizzare!:)