Comments on: Cuzillion http://www.stevesouders.com/blog/2008/04/25/cuzillion/ Essential knowledge for making your web pages faster. Thu, 24 Jul 2008 15:45:47 +0000 http://wordpress.org/?v=2.3.3 By: Steve Souders http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-145 Steve Souders Fri, 02 May 2008 16:21:16 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-145 I use IBM Page Detailer: http://www.alphaworks.ibm.com/tech/pagedetailer Unfortunately, the pay-for Pro version is no longer available. Fiddler is another cross-browser tool. HTTPWatch has good charts in IE, but they're a little different (they show "blocked" time which is a great feature as long as you understand it). Be careful using Net Panel in Firebug (see http://developer.yahoo.com/yslow/netpanelpatch.html ). I use IBM Page Detailer:
http://www.alphaworks.ibm.com/tech/pagedetailer

Unfortunately, the pay-for Pro version is no longer available. Fiddler is another cross-browser tool. HTTPWatch has good charts in IE, but they’re a little different (they show “blocked” time which is a great feature as long as you understand it). Be careful using Net Panel in Firebug (see http://developer.yahoo.com/yslow/netpanelpatch.html ).

]]> By: Pascal Barbier http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-144 Pascal Barbier Fri, 02 May 2008 09:44:08 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-144 Fantastic loading behavior analysis tool ! One question: How do you render the http profile charts in the example pages ? Is it hand made or do you hava a tool to suggest ? Fantastic loading behavior analysis tool !

One question: How do you render the http profile charts in the example pages ? Is it hand made or do you hava a tool to suggest ?

]]> By: Ben http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-143 Ben Thu, 01 May 2008 19:03:42 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-143 Taken yet another step further, if you wanted to combine Cuzillion with YSlow, you could have it scan my page and then make optimization reordering suggestions based on Cuzillion's data rather than having me enter the data manually. YSlow seems like it already does a fairly good job in figuring out what my page elements are. I wouldn't imagine that it would be terribly difficult for it to use that data to populate Cuzillion. You could run a check against a database to see if that combination of page elements has already been tested. If it has, return those results; if not, run the test through Cuzillion. Taken yet another step further, if you wanted to combine Cuzillion with YSlow, you could have it scan my page and then make optimization reordering suggestions based on Cuzillion’s data rather than having me enter the data manually. YSlow seems like it already does a fairly good job in figuring out what my page elements are. I wouldn’t imagine that it would be terribly difficult for it to use that data to populate Cuzillion. You could run a check against a database to see if that combination of page elements has already been tested. If it has, return those results; if not, run the test through Cuzillion.

]]> By: Steve Souders http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-141 Steve Souders Thu, 01 May 2008 00:23:32 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-141 1. Morgan: I'll include CSS background images as another type of resource to add. 2. Eric: I added a checkbox to stylesheets for "use @import". The other ideas are good, too, esp. the download pause. 3. Hi Bill! I like the run multiple times, but since the download times are fixed it might not reveal much. I hope soon to get the code up on Google Code so you can download it from there, but no promised date right now. I've been kicking around the idea of a "page visualizer" as you describe in your 3rd bullet. I'll add "save your example" soon that ties in with a Cuzillion blog category. That provides a way for someone to save a Cuzillion page and ask "Why does it do this?" or "Look what I discovered!". 8. Vishal: I like the API idea, but that might be further out. When I get it up on Google Code maybe you can add that. 9. Ben: Wow, that's an awesome idea. Rather than being reactive like YSlow and evaluating a page, be proactive and suggest how the resources _should_ be ordered. 10. Steele: Images don't block downloads, so the iframe and script are all loaded in parallel. You have to use the packet sniffer of choice to see the download times. If I had JS instrumentation in the page to do that I worry it'll affect the results. 1. Morgan: I’ll include CSS background images as another type of resource to add.

2. Eric: I added a checkbox to stylesheets for “use @import”. The other ideas are good, too, esp. the download pause.

3. Hi Bill! I like the run multiple times, but since the download times are fixed it might not reveal much. I hope soon to get the code up on Google Code so you can download it from there, but no promised date right now. I’ve been kicking around the idea of a “page visualizer” as you describe in your 3rd bullet. I’ll add “save your example” soon that ties in with a Cuzillion blog category. That provides a way for someone to save a Cuzillion page and ask “Why does it do this?” or “Look what I discovered!”.

8. Vishal: I like the API idea, but that might be further out. When I get it up on Google Code maybe you can add that.

9. Ben: Wow, that’s an awesome idea. Rather than being reactive like YSlow and evaluating a page, be proactive and suggest how the resources _should_ be ordered.

10. Steele: Images don’t block downloads, so the iframe and script are all loaded in parallel. You have to use the packet sniffer of choice to see the download times. If I had JS instrumentation in the page to do that I worry it’ll affect the results.

]]> By: Steele Parker http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-140 Steele Parker Thu, 01 May 2008 00:12:41 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-140 Also, I have found a bug (perhaps its my proxy or browser though...) After rendering a page, I click the "edit" button and the little icons in the top right have gone blank, however, if I move one of objects, its blank buttons return. Addit Info: MSIE 7.0.5730.13 on XPPro sp2 Also, I have found a bug (perhaps its my proxy or browser though…)

After rendering a page, I click the “edit” button and the little icons in the top right have gone blank, however, if I move one of objects, its blank buttons return.

Addit Info:
MSIE 7.0.5730.13 on XPPro sp2

]]> By: Steele Parker http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-139 Steele Parker Thu, 01 May 2008 00:02:18 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-139 Kudos! What a great tool! Just a few quick questions; With ie8, if a page contains an Image, and an Iframe which contains an external script, will the external script in the iframe be loaded parallel with the image or will the loading of the image block the loading of the script in the Iframe? Also, is there a way we can access these load time profiles so that we can see differences in load orders? Kudos! What a great tool! Just a few quick questions;

With ie8, if a page contains an Image, and an Iframe which contains an external script, will the external script in the iframe be loaded parallel with the image or will the loading of the image block the loading of the script in the Iframe?

Also, is there a way we can access these load time profiles so that we can see differences in load orders?

]]> By: Ben http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-138 Ben Wed, 30 Apr 2008 22:28:03 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-138 A logical step you may want to consider is logging the information from the tests people run so that you can make recommended suggestions and show comparison through a chart. For example, if I have a basic external script, external stylesheet, and an internal script, I'll have to run 6 separate tests to determine the fastest order. But if you can allow me to select each thing I want to include and then give me a graph or chart with the already proven fastest method, it'll save a lot of time. Or, if you don't want to log results, you could auto-cycle through all the possibilities given a certain set of criteria and then return a chart or graph. Just a suggestion for a future step, but great work. Thanks. A logical step you may want to consider is logging the information from the tests people run so that you can make recommended suggestions and show comparison through a chart. For example, if I have a basic external script, external stylesheet, and an internal script, I’ll have to run 6 separate tests to determine the fastest order. But if you can allow me to select each thing I want to include and then give me a graph or chart with the already proven fastest method, it’ll save a lot of time. Or, if you don’t want to log results, you could auto-cycle through all the possibilities given a certain set of criteria and then return a chart or graph. Just a suggestion for a future step, but great work. Thanks.

]]> By: Vishal Shah http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-136 Vishal Shah Wed, 30 Apr 2008 16:35:10 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-136 Hi Steve, Cuzillion is a really nice idea! Frankly, I think I saw this coming from you after your php, custom html pages and scripts like sleep.cgi that you had worked on earlier, which were very helpful. This tool'ifies that broad idea, which is great. It would be great if this tool can be made scriptable -with a REST style api interface. I have contacted you with some more details. Cheers, Vishal Hi Steve,
Cuzillion is a really nice idea! Frankly, I think I saw this coming from you after your php, custom html pages and scripts like sleep.cgi that you had worked on earlier, which were very helpful. This tool’ifies that broad idea, which is great. It would be great if this tool can be made scriptable -with a REST style api interface. I have contacted you with some more details.

Cheers,
Vishal

]]> By: Remy Sharp http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-135 Remy Sharp Wed, 30 Apr 2008 14:59:37 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-135 Thank you so much to you and Google for making this publicly available. I'm passing this on to a colleague right now whom I was debugging the speed of page load. Thank you so much to you and Google for making this publicly available. I’m passing this on to a colleague right now whom I was debugging the speed of page load.

]]> By: Brian http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-122 Brian Sun, 27 Apr 2008 14:02:58 +0000 http://www.stevesouders.com/blog/2008/04/25/cuzillion/#comment-122 Hey Steve. Great tool! Testing made easy. It's even more efficient for demos. Hey Steve. Great tool!
Testing made easy. It’s even more efficient for demos.

]]>