Comments on: How to create a dynamic, hierarchical accordion with .NET http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/ Thu, 21 Aug 2008 19:47:33 +0000 http://wordpress.org/?v=2.1.2 By: Steven Quick http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-924 Steven Quick Wed, 27 Feb 2008 23:52:39 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-924 My concern with using the ASP.NET ajax stuff is the page weight. Just looking at the demo page with firebug & yslow 79.2K 1 HTML/Text 138.8K 8 JavaScript Files 0.2K 1 Stylesheet File 218.3K Total size 10 HTTP requests Of course after the first load the css and js should be cached but for having almost nothing on the page 219KB is huge. Image a full page with alot of features? My concern with using the ASP.NET ajax stuff is the page weight. Just looking at the demo page with firebug & yslow

79.2K 1 HTML/Text
138.8K 8 JavaScript Files
0.2K 1 Stylesheet File
218.3K Total size
10 HTTP requests

Of course after the first load the css and js should be cached but for having almost nothing on the page 219KB is huge. Image a full page with alot of features?

]]> By: David Baxter http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-925 David Baxter Thu, 28 Feb 2008 14:00:26 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-925 Hey Steven, thanks for writing. You have valid concerns, but lets see if I can break it down a bit to make sense of things. The 79K for the HTML is because there actually is a good bit of text on the page. Each category has 5 sub categories, each subcategory has 5 products. That means there are basically 125 little paragraphs built into the page. That isn't a small amount of markup. The Javascript is what ASP.NET is bringing to the table. That will be cached like you said, but, if you were doing the effect with any javascript library (Prototype alone is 120K) it wouldn't be much smaller, so ASP.NET isn't really a hog. The 10 HTTP Requests are because the page is built with AJAX technology. To get all the goodies, the page is going back to the server a few times. This would be true no matter how you built your ajax. To have an effect like this does add overhead, no question about it, but using ASP.NET as opposed to another library really doesn't change the amount of overhead. On a tangential subject...I have been trolling around some of the most popular sites (IGN, Yahoo, etc.) and checking their page size. Those pages are friggen huge. IGN is over a meg, Yahoo was over 600K. These are some of the most popular sites on the net so this makes me wonder how important page size really is. Now I am not saying to ignore page size, but in the world of broadband, it does seem to be less important on the site's success. Hope that helps. David Hey Steven, thanks for writing. You have valid concerns, but lets see if I can break it down a bit to make sense of things.

The 79K for the HTML is because there actually is a good bit of text on the page. Each category has 5 sub categories, each subcategory has 5 products. That means there are basically 125 little paragraphs built into the page. That isn’t a small amount of markup.

The Javascript is what ASP.NET is bringing to the table. That will be cached like you said, but, if you were doing the effect with any javascript library (Prototype alone is 120K) it wouldn’t be much smaller, so ASP.NET isn’t really a hog.

The 10 HTTP Requests are because the page is built with AJAX technology. To get all the goodies, the page is going back to the server a few times. This would be true no matter how you built your ajax.

To have an effect like this does add overhead, no question about it, but using ASP.NET as opposed to another library really doesn’t change the amount of overhead.

On a tangential subject…I have been trolling around some of the most popular sites (IGN, Yahoo, etc.) and checking their page size. Those pages are friggen huge. IGN is over a meg, Yahoo was over 600K. These are some of the most popular sites on the net so this makes me wonder how important page size really is. Now I am not saying to ignore page size, but in the world of broadband, it does seem to be less important on the site’s success.

Hope that helps.
David

]]> By: website designer melbourne http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-929 website designer melbourne Wed, 05 Mar 2008 23:35:20 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-929 hi i am working on one of my client website and i need a accordian effect my probleam is i wnat to bind them with database accordian header and every thing else is comming from database is there any way to do this? hi i am working on one of my client website and i need a accordian effect my probleam is i wnat to bind them with database accordian header and every thing else is comming from database is there any way to do this?

]]> By: David Baxter http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-930 David Baxter Thu, 06 Mar 2008 00:22:13 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-930 Hey Melbourne, I have to admit, I am a bit confused by the question. Can you clarify? David Hey Melbourne, I have to admit, I am a bit confused by the question. Can you clarify?

David

]]> By: website designer melbourne http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-931 website designer melbourne Thu, 06 Mar 2008 04:41:13 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-931 i am using ajax accordian panel and i need to bind with database just like datagrid or repater control. some thing like this but it will not work as you cant but repater inside accordian ...... but i need some thing to bind accordian with database. i am using ajax accordian panel and i need to bind with database just like datagrid or repater control.

some thing like this but it will not work as you cant but repater inside accordian ……
but i need some thing to bind accordian with database.

]]> By: website designer melbourne http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-932 website designer melbourne Thu, 06 Mar 2008 04:42:22 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-932 i am using ajax accordian panel and i need to bind with database just like datagrid or repater control. some thing like this but it will not work as you cant but repater inside accordian ...... but i need some thing to bind accordian with database. i am using ajax accordian panel and i need to bind with database just like datagrid or repater control.

some thing like this

but it will not work as you cant but repater inside accordian ……
but i need some thing to bind accordian with database.

]]> By: website designer melbourne http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-935 website designer melbourne Thu, 06 Mar 2008 04:45:15 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-935 hi david its like accordina inside repater i have tried so manny time pasing a code but i think it is not taking as comment.... hi david its like accordina inside repater i have tried so manny time pasing a code but i think it is not taking as comment….

]]> By: David Baxter http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-936 David Baxter Thu, 06 Mar 2008 14:51:07 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-936 It is usually best to email me code...something about my comment system here doesn't like it. david at creativeui dot com. David It is usually best to email me code…something about my comment system here doesn’t like it.

david at creativeui dot com.

David

]]> By: Jim http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-962 Jim Sun, 30 Mar 2008 14:05:40 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-962 Cool. Salute to your nice job. Cool. Salute to your nice job.

]]> By: Telugu Movie Reviews http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-985 Telugu Movie Reviews Tue, 06 May 2008 06:42:59 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-985 Thank you Thank you

]]> By: Mike http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1034 Mike Thu, 24 Jul 2008 17:39:58 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1034 I cant access the Accordion Datasource in the codebehind, do you have any idea why that would be? I cant access the Accordion Datasource in the codebehind, do you have any idea why that would be?

]]>