<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Idea Factory &#187; Tool</title>
	<atom:link href="http://ideafactory.it/category/tool/feed" rel="self" type="application/rss+xml" />
	<link>http://ideafactory.it</link>
	<description>c&#039;e&#039; solo un modo di fare le cose: farle bene</description>
	<lastBuildDate>Thu, 01 Jul 2010 15:06:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Analizza le prestazioni delle pagine web con YSlow</title>
		<link>http://ideafactory.it/tool/analizza-le-prestazioni-delle-pagine-web-con-yslow.html</link>
		<comments>http://ideafactory.it/tool/analizza-le-prestazioni-delle-pagine-web-con-yslow.html#comments</comments>
		<pubDate>Wed, 22 Apr 2009 10:12:42 +0000</pubDate>
		<dc:creator>Gianluca</dc:creator>
				<category><![CDATA[Tool]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web server]]></category>

		<guid isPermaLink="false">http://www.ideafactory.it/?p=226</guid>
		<description><![CDATA[Chi come me sviluppo applicazione web oriented, conosce Firebug,  l&#8217;utilissimo add-on per Firefox che ci permette di editare, debuggare e monitorare al volo ciò che accade all&#8217;interno della pagina web. Ad integrazione di questo ottimo strumento, Yahoo! ha creato YSlow: YSlow analyzes web pages and tells you why they&#8217;re slow based on the rules for [...]]]></description>
			<content:encoded><![CDATA[<p>Chi come me sviluppo applicazione <em>web oriented</em>, conosce <a href="http://getfirebug.com/" onclick="pageTracker._trackPageview('/outgoing/getfirebug.com/?referer=');">Firebug</a>,  l&#8217;utilissimo add-on per Firefox che ci permette di editare, debuggare e monitorare <em>al volo</em> ciò che accade all&#8217;interno della pagina web.</p>
<p>Ad integrazione di questo ottimo strumento, <a href="http://www.yahoo.it" onclick="pageTracker._trackPageview('/outgoing/www.yahoo.it?referer=');">Yahoo!</a> ha creato<a href="http://developer.yahoo.com/yslow/" onclick="pageTracker._trackPageview('/outgoing/developer.yahoo.com/yslow/?referer=');"> YSlow</a>:</p>
<blockquote><p>YSlow analyzes web pages and tells you why they&#8217;re slow based on the <a href="http://developer.yahoo.com/performance/index.html#rules" onclick="pageTracker._trackPageview('/outgoing/developer.yahoo.com/performance/index.html_rules?referer=');">rules for high performance web sites</a>.</p></blockquote>
<p>L&#8217;installazione è semplice come per gli altri add-ons di Firefox, basta andare sulla <a href="https://addons.mozilla.org/en-US/firefox/addon/5369" onclick="pageTracker._trackPageview('/outgoing/addons.mozilla.org/en-US/firefox/addon/5369?referer=');">pagina di YSlow all&#8217;interno degli add-ons di Firefox</a> e cliccare su &#8220;<em>Add to Firefox</em>&#8220;.</p>
<p>Ovviamente dobbiamo aver precedentemente installato <a href="http://getfirebug.com/" onclick="pageTracker._trackPageview('/outgoing/getfirebug.com/?referer=');">Firebug</a>.</p>
<p>Una volta installato e riavviato Firefox passiamo ad analizzare il nostro sito web.<span id="more-226"></span>Testando <a href="http://developer.yahoo.com/yslow/" onclick="pageTracker._trackPageview('/outgoing/developer.yahoo.com/yslow/?referer=');">YSlow</a> su <a href="http://www.ideafactory.it" onclick="pageTracker._trackPageview('/outgoing/www.ideafactory.it?referer=');">IdeaFactory.it</a> i risultati sono pessimi, tant&#8217;è che il responso per quanto riguarda <em>Performance</em> è:</p>
<p><a href="http://www.ideafactory.it/wp-content/uploads/2009/04/yslow.png" rel="lightbox[226]" onclick="pageTracker._trackPageview('/outgoing/www.ideafactory.it/wp-content/uploads/2009/04/yslow.png?referer=');"><img class="aligncenter size-full wp-image-227" title="YSlow in esecuzione" src="http://www.ideafactory.it/wp-content/uploads/2009/04/yslow.png" alt="YSlow in esecuzione" width="448" height="252" /></a></p>
<p>Mi ha dato F! Insufficienza piena.</p>
<p><a href="http://developer.yahoo.com/yslow/" onclick="pageTracker._trackPageview('/outgoing/developer.yahoo.com/yslow/?referer=');">YSlow</a> 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&#8217;errore o il problema riscontrato.</p>
<p>Da sistemista guardando il punto 3, <em>Add an Expires header</em>, ed il punto 13, <em>Configure ETags</em>, mi viene subito in mente una soluzione: modificare l&#8217;htaccess e forzare sia l&#8217;expire che l&#8217;ETag con un valori predefiniti.</p>
<p>Ecco cosa ho inserito nel mio .htaccess:</p>
<pre>&lt;FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)(\.gz)?$"&gt;
Header set Expires "Thu, 22 Apr 2010 20:00:00 GMT"
Header unset ETag
FileETag None
&lt;/FilesMatch&gt;</pre>
<p>Forzo l&#8217;header di alcuni file statici ad avere la scadenza tra un anno!<br />
Riproviamo le <em>performance</em> con <a href="http://developer.yahoo.com/yslow/" onclick="pageTracker._trackPageview('/outgoing/developer.yahoo.com/yslow/?referer=');">YSlow</a>:</p>
<p>Purtroppo il sito è su <em>TopHost</em> che non cosente tale direttiva all&#8217;interno del file <em>.htaccess</em>&#8230;vabé mi arrendo e mi tengo la pessima <em>F</em> voi però continuate ad ottimizzare!:)</p>
]]></content:encoded>
			<wfw:commentRss>http://ideafactory.it/tool/analizza-le-prestazioni-delle-pagine-web-con-yslow.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
