<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" 
      xmlns:thr="http://purl.org/syndication/thread/1.0">
  <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/04/cuzillion-optimizing-web-app-a.html" />
  <link rel="self" type="application/atom+xml" href="http://www.insideria.com/atom.xml" />
  <id>tag:www.insideria.com,2009://34/tag:www.insideria.com,2008://34.23524-</id>
  <updated>2009-11-16T15:45:26Z</updated>
  <title>Comments for Cuzillion - Optimizing Web App Assets and Scripts (http://www.insideria.com/2008/04/cuzillion-optimizing-web-app-a.html)</title>
  <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.21-en</generator>
  <entry>
    <id>tag:www.insideria.com,2008://34.23524</id>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/04/cuzillion-optimizing-web-app-a.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blogs.oreilly.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=34/entry_id=23524" title="Cuzillion - Optimizing Web App Assets and Scripts" />
    <published>2008-04-30T20:48:41Z</published>
    <updated>2008-09-12T18:22:52Z</updated>
    <title>Cuzillion - Optimizing Web App Assets and Scripts</title>
    <summary>Steve Souders the creator of YSlow has now released Cuzillion which is essentially a page load simulation tool. Very cool for figuring the best way to structure your and in which order to load assets.</summary>
    <author>
      <name>Andre Charland</name>
      <uri>http://www.nitobi.com</uri>
    </author>
    
    <category term="Screencasts" />
    
    <content type="html" xml:lang="en" xml:base="http://www.insideria.com/">
      <![CDATA[<p>Steve Souders the creator of <a href="http://developer.yahoo.com/yslow/">YSlow</a> has now released <a href="http://stevesouders.com/cuzillion/">Cuzillion</a> which is essentially a page load simulation tool.  Very cool for figuring the best way to structure your and in which order to load assets.</p>

<blockquote>Cuzillion is a tool for quickly constructing web pages to see how components interact. Browsers have unexpected behavior in everyday situations (for example, inline scripts block all rendering in the page and nothing can download in parallel with an external script). Sometimes the behavior differs across browsers (Internet Explorer 8 downloads six items in parallel whereas Firefox 2.0 only downloads two in parallel). Cuzillion lets you observe these behaviors and share sample pages with others</blockquote>. 

<p><a href="http://almaer.com/blog/">Dion</a> did a quick interview with him which contains a good explanation of how it works.<br />
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/oaxZtKAlLRk&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/oaxZtKAlLRk&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></p>

<p>As per the screencast Steve walks us through an example of how Cuzillion could be used:</p>

<blockquote>A great example of how Cuzillion is useful is looking at the impact inline scripts have when they follow a stylesheet in Internet Explorer. Typically, a stylesheet followed by any other resource results in both resources being downloaded in parallel in Internet Explorer. (In Firefox stylesheets block parallel downloads, so this performance optimization is only applicable to IE.) Here&#8217;s a Cuzillion page that shows this: stylesheet and image downloading in parallel. Both the stylesheet and image are configured to take 2 seconds to download. Since they download in parallel the page takes about 2 seconds to load as shown by the &#8220;page load time&#8221;.

<p>But look what happens if we put an innocent inline script between the stylesheet and image: stylesheet, inline script, and image. Now, in Internet Explorer the stylesheet and image are downloaded sequentially, which means the page load time goes from 2 seconds to 4 seconds. If the inline script is simply moved above the stylesheet the two resources are downloaded in parallel again, and the page load goes back down to 2 seconds: inline script, stylesheet, and image.</blockquote></p>

<p>Read more about it on <a href="http://www.stevesouders.com/blog/2008/04/25/cuzillion/">Steve's blog</a>.</p>

<p>I think it's great tool for developers to optimize their application load times and also could be used as an educational tool for new developers as well.</p>]]>
      
    </content>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2008://34.23524-comment:2098683</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2008://34.23524" type="text/html" href="http://www.insideria.com/2008/04/cuzillion-optimizing-web-app-a.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/04/cuzillion-optimizing-web-app-a.html#comment-2098683" />
    <title>Comment from Ryan on 2009-09-15</title>
    <author>
        <name>Ryan</name>
        <uri></uri>
    </author>
    <content type="html" xml:lang="en" xml:base="">
        <![CDATA[<p>I personally have been a fan of Yslow for quite some time now. While developing front end for <a href="http://hintcafe.com">online dating site</a>, I found the tool to be quite useful.</p>]]>
    </content>
    <published>2009-09-15T09:25:33Z</published>
  </entry>

</feed
