<?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>No Mod Required &#187; performance</title>
	<atom:link href="http://www.drunkenfist.com/304/category/web/performance/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.drunkenfist.com/304</link>
	<description>Rob Larsen writes on entertainment, sports and culture.</description>
	<lastBuildDate>Wed, 08 Feb 2012 02:28:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>PSST! I&#039;ve Got a Presentation Next Week &#8211; JavaScript Library Comparisons</title>
		<link>http://www.drunkenfist.com/304/2009/04/22/psst-ive-got-a-presentation-next-week-javascript-library-comparisons/</link>
		<comments>http://www.drunkenfist.com/304/2009/04/22/psst-ive-got-a-presentation-next-week-javascript-library-comparisons/#comments</comments>
		<pubDate>Thu, 23 Apr 2009 02:33:39 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[boston]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[Rob Larsen]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.drunkenfist.com/304/?p=5808</guid>
		<description><![CDATA[I am cranking through some code examples and plenty of research for this thing. It should kick incredible amounts of JavaScript ass. Come to think of it, it's a ninety minute presentation, so it better kick ass I'm going to look at load times, execution times, ySlow scores, codebase and add pure editorial commentary for [...]]]></description>
			<content:encoded><![CDATA[<p>I am cranking through some code examples and plenty of research for this thing. It should kick incredible amounts of JavaScript ass. Come to think of it, it's a <strong>ninety minute</strong> presentation, so it better kick ass <img src='http://www.drunkenfist.com/304/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />   I'm going to look at load times, execution times, ySlow scores, codebase and add pure editorial commentary for several popular libraries (at minimum, jQuery, YUI, Prototype, and Dojo), as well as pure JavaScript and my own bare-bones library.</p>
<p>If you're a Boston JavaScript nerd, I hope to see you there.</p>
<p>Here's the description: </p>
<blockquote><p>Our next JavaScript Meetup will be held on Thursday, April 30th at Microsoft Research Center located at One Memorial Drive in Cambridge. You should come to the 11th floor to be let in. There is also parking available at a cheap evening rate in the building.</p>
<p>Rob Larsen , Principal Presentation Engineer at Cramer, will demonstrate comparisons between raw JavaScript and utilizing the more popular JavaScript libraries currently available.</p>
<p>After the presentation | demonstration, we will go around the room introducing ourselves and asking the group for advice | opinions on any JavaScript-related issues members are facing.</p>
<p>Microsoft will provide pizza again. What a nice company!</p>
<p>Please RSVP and bring guests. We always have lots of pizza left over.
</p></blockquote>
<p>And the meetup.com link:</p>
<p><a href="http://javascript.meetup.com/2/calendar/10153000/">April Boston JavaScript Meetup Meeting &#8211; JavaScript Library Comparisons &#8211; The Boston JavaScript Meetup Group Cambridge, MA &#8211; Meetup.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.drunkenfist.com/304/2009/04/22/psst-ive-got-a-presentation-next-week-javascript-library-comparisons/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>robreact.com Relaunched</title>
		<link>http://www.drunkenfist.com/304/2009/02/02/robreactcom-relaunched/</link>
		<comments>http://www.drunkenfist.com/304/2009/02/02/robreactcom-relaunched/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 15:49:25 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[art]]></category>
		<category><![CDATA[culture]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graffiti]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[Rob Larsen]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.drunkenfist.com/304/?p=5543</guid>
		<description><![CDATA[robreact.com was relaunched over the weekend. There's a completely new visual design, some slightly adjusted architecture and a whole bunch of technical improvements. Here are some things to keep in mind&#8230; With my CloudFront instance set in my preferences the site is a ySlow 97. Far and away the highest score I've ever produced. I [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://robreact.com/"><img src="http://media.drunkenfist.com/304/wp-content/uploads/2009/02/robreactcom.jpg" alt="robreactcom" title="robreactcom" width="393" height="214" class="alignnone size-full wp-image-5545" /></a></p>
<p><a href="http://robreact.com/">robreact.com</a> was relaunched over the weekend. There's a completely new visual design, some slightly adjusted architecture and a whole bunch of technical improvements.</p>
<p>Here are some things to keep in mind&#8230;<br />
<span id="more-5543"></span></p>
<ul>
<li>With my CloudFront instance set in my preferences the site is a ySlow 97. Far and away the highest score I've ever produced. I can't <strong>really</strong> improve it either, as one of the downgrades is for the Google Analytics objects.
<p>There is one I <em>can</em> do, and in some ways it would be tempting to implement, if just for the technical challenge. To move my style sheet over to CloudFront, I'd have to manually create plain text and GZipped versions and then manually write the proper headers for the compression negotiation. I'd <strong>really</strong> understand that process after completing those tasks. The only issue with that is that it would be a drag to update the style sheet for bug fixes and the like.</p>
<p>I guess I'll just have to live with a 97. Google's 99 can rest easy at the top of the heap.
</li>
<li>I used no JavaScript on the site. 100% straight HTML across the board. Of course, GA is JavaScript, but I didn't write that, so the oddity still stands. A JavaScript nerd launches a site, in 2009, using no custom JavaScript. There was just no need</li>
<li>There's only minimal custom support for IE6. I only saw a couple of serious issues and serious issues were the only issues I fixed. As I've mentioned before, I'm transitioning to IE7/IE8 only support for my own sites, so robreact.com will hopefully end up being the last site I personally support IE6 on at all (albeit in a limited fashion.)</li>
</ul>
<p>All in all, I'm really happy with it. I hope you are too. </p>
<p>And no, I wouldn't be offended <em>at all</em> if you pimped the freshly scrubbed site all over the internet. In fact, nothing would please me more. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.drunkenfist.com/304/2009/02/02/robreactcom-relaunched/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CloudFront vs. S3 vs. My Plain Old Apache Server</title>
		<link>http://www.drunkenfist.com/304/2008/12/01/cloudfront-vs-s3-vs-my-plain-old-apache-server/</link>
		<comments>http://www.drunkenfist.com/304/2008/12/01/cloudfront-vs-s3-vs-my-plain-old-apache-server/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 15:11:49 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[performance]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[S3]]></category>

		<guid isPermaLink="false">http://www.drunkenfist.com/304/?p=5154</guid>
		<description><![CDATA[Yes, another CloudFront post. I'm a penny-pinching, performance minded AWS user, what do you expect? Anyway, I'm a couple of weeks into my CloudFront experiment and while the traffic numbers are still too fresh to offer any insight on what the speed improvement might be doing for my European and Asian bounce rate (I cache [...]]]></description>
			<content:encoded><![CDATA[<p>Yes, another CloudFront post. I'm a penny-pinching, performance minded <a href="http://aws.amazon.com/">AWS</a> user, what do you expect?</p>
<p>Anyway, I'm a couple of weeks into my CloudFront experiment and while the traffic numbers are still too fresh to offer any insight on what the speed improvement might be doing for my European and Asian bounce rate (I cache everything, so it should really only affect initial page views,) I do have enough data to compare and contrast the absolute speed difference at play here. </p>
<p>Serving my site <a href="http://d1eucpngoftcha.cloudfront.net/img/sprite.3.png">sprite</a> from the three different locations I get the following results using <a href="http://www.pingdom.com/">pingdom's excellent monitoring service</a>:</p>
<style type="text/css">
#dataTable td, #dataTable th {
	border-collapse:collapse;
	border:1px solid #666;
	padding:4px;
font-size:90%;
}
#dataTable th {
	background:#ddd;
	font-weight:bold;
}
#dataTable a {
font-weight:bold;
}</p>
</style>
<table id="dataTable" width="300" >
<tr>
<th>Server</th>
<th>Average Response Time</th>
</tr>
<tr>
<td><a href="http://d1eucpngoftcha.cloudfront.net/img/sprite.3.png">Amazon CloudFront</a></td>
<td align="center">134 ms</td>
</tr>
<tr>
<td><a href="http://www.drunkenfist.com/img/sprite.3.png">Drunkenfist.com</a></td>
<td align="center">345 ms</td>
</tr>
<tr>
<td><a href="http://media.drunkenfist.com/img/sprite.3.png">Amazon S3</a></td>
<td align="center">522 ms</td>
</tr>
</table>
<p>As you can see CloudFront is a significant relative improvement over the other two servers (by two and three times.) </p>
<p>Without researching it extensively it seems like a pretty good absolute result as well. While the sprite is slightly larger than the <a href="http://www.lookery.com/">Lookery</a> JS file he used to test, CloudFront performs well within the standard that CacheFly and EdgeCast set <a href="http://davidcancel.com/2008/05/29/using-amazon-s3-as-a-cdn/">when Dave Cancel tested a few different CDN options earlier this year.</a> Granted, his research wasn't exhaustive so someone out there might be pushing closer to 100ms for smaller files, but for the price and ease of use, I'll gladly take 134ms.</p>
<p>Anyone know of any broader research into CDN response times? I'd love to see it if you do, so drop it into the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.drunkenfist.com/304/2008/12/01/cloudfront-vs-s3-vs-my-plain-old-apache-server/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Adventures in Tinkering- One Week&#039;s Worth of Site Enhancements</title>
		<link>http://www.drunkenfist.com/304/2008/11/26/adventures-in-tinkering-one-weeks-worth-of-site-enhancements/</link>
		<comments>http://www.drunkenfist.com/304/2008/11/26/adventures-in-tinkering-one-weeks-worth-of-site-enhancements/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 05:20:18 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[performance]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[S3]]></category>

		<guid isPermaLink="false">http://www.drunkenfist.com/304/?p=5124</guid>
		<description><![CDATA[I mess around with this site a lot. This week, in particular, has been interesting. In the past week I: Moved my interface images over to CloudFront, Amazon's new Content Delivery Network (CDN.) I'm especially hoping this will increase initial page view performance for my site in Europe and Asia, where I've always had some [...]]]></description>
			<content:encoded><![CDATA[<p>I mess around with this site a lot. This week, in particular, has been interesting. In the past week I:</p>
<ul>
<li>Moved my interface images over to CloudFront, Amazon's new Content Delivery Network (CDN.) I'm especially hoping this will increase initial page view performance for my site in Europe and Asia, where I've always had some lag. I'll be monitoring my bounce rate to see if that's the case. The initial results are positive (an overall reduction of 1-2% in my bounce rate over the past week), but the numbers are still too small to really draw any conclusions.</li>
<li>Took advantage of Firefox's <a href="https://developer.mozilla.org/En/Link_prefetching_FAQ">Link Prefetching</a> to speed up all those <em>next</em> gallery links. I tested it out and between link prefetching and all the caching I do, browsing gallery pages in Firefox 2+ is screaming fast.</li>
<li>Added some copy and rewrote some of the text/labels right here on the blog. Spurred on by the blog chapter in <a href="http://www.amazon.com/gp/product/032145345X?ie=UTF8&#038;tag=drunkenfistcom&#038;linkCode=as2&#038;camp=1789&#038;creative=390957&#038;creativeASIN=032145345X">Designing the Obvious</a><img src="http://www.assoc-amazon.com/e/ir?t=drunkenfistcom&#038;l=as2&#038;o=1&#038;a=032145345X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />, I decided to implement a couple of his  recommendations. Within 20 minutes of having read the chapter, I'd changed the header for the comment section, added the little descriptive blurb below it and changed the label for my RSS icon from "FEED" to "Subscribe."
<p>Small changes all, but maybe they'll improve the experience for folks. </p>
<p>Or maybe not. </p>
<p>And if they don't? I'll try something else <img src='http://www.drunkenfist.com/304/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>
<p>This kind of ongoing enhancement is core to the way I approach web design/development. I often speak of sites as being living organisms and this is the kind of thing I do to keep mine growing/evolving in positive ways.</p>
<p>Fun times.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.drunkenfist.com/304/2008/11/26/adventures-in-tinkering-one-weeks-worth-of-site-enhancements/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Code I Like &#8211; Link Prefetching</title>
		<link>http://www.drunkenfist.com/304/2008/11/24/code-i-like-link-prefetching/</link>
		<comments>http://www.drunkenfist.com/304/2008/11/24/code-i-like-link-prefetching/#comments</comments>
		<pubDate>Mon, 24 Nov 2008 21:35:45 +0000</pubDate>
		<dc:creator>rob</dc:creator>
				<category><![CDATA[Code I Like]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[tips-and-tricks]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.drunkenfist.com/304/?p=5119</guid>
		<description><![CDATA[I was reading John Resig's Browser Page Load Performance post earlier today and followed up from there on the concept of Link prefetching. Currently supported by Firefox 2+, Link prefetching is a browser based mechanism for fetching "future" content. Considering I wrote (and ultimately scrapped*) similar functionality for my gallery pages, I was obviously intrigued. [...]]]></description>
			<content:encoded><![CDATA[<p>I was reading John Resig's <a href="http://ejohn.org/blog/browser-page-load-performance/">Browser Page Load Performance</a> post earlier today and followed up from there  on the concept of Link prefetching. Currently supported by Firefox 2+, <a href="https://developer.mozilla.org/en/Link_prefetching_FAQ">Link prefetching</a> is a browser based mechanism for fetching "future" content. Considering I wrote (and ultimately scrapped*) similar functionality for my gallery pages,  I was obviously intrigued.<br />
<span id="more-5119"></span><br />
In its basic version it looks like this:</p>
<p><code>&lt;link rel=&quot;prefetch&quot; href=&quot;/images/big.jpeg&quot;&gt;</code></p>
<p>With the <code>href</code> being the target content and the <code>rel</code> attribute triggering the prefetching mechanism. Pretty simple. I've already implemented it here on my gallery pages.</p>
<p>One thing I would like to see, <a href="https://developer.mozilla.org/en/Link_prefetching_FAQ#Are_anchor_(.3ca.3e)_tags_prefetched.3f">and this is hinted at on the above linked Mozilla FAQ page</a>, is prefetching performed automatically on anchor (&lt;a&gt;) tags with <code>rel</code> attribute set appropriately. In my mind that would be any anchor with a <code>rel</code> attribute of  <code>next</code>, but the <code>prefetch</code> value would be fine as well. Personally, if that were supported I wouldn't have any (or very little) work to do to take advantage of this feature and in a general sense it would build on what people are already doing using <code>prev</code>, <code>next</code> and <code>toc</code> <code>rel</code> attributes on gallery links.</p>
<p>*it was scrapped because I hated the idea of forcing bandwidth usage on people with metered accounts. Since this is a browser based mechanism, it should be relatively painless for people in that situation to control whether or not content is prefetched. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.drunkenfist.com/304/2008/11/24/code-i-like-link-prefetching/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

