Compare the page size of a control with AJAX call to without it

Hi,

I would like to capture the difference of a page' size (resulted from HTML markup sent to client) between a control with AJAX and without it, that is postback.

Could any give me suggestions about how to implement this function or tools can help me doing that.

Any suggestion would be appreciated.

Ricky.

If you're interested in just viewing the size differences, you could try using a utility like Fiddler, which will report back to you the size of the HTTP responses. Fiddler provides a lot of additional info that is useful to web developers - I'd highly recommend it.

Fiddler(v2)

u could try this...

with page on browser, save on your hard disk the source html (view/html from IE)

then do the same with the control without AJAX.

or viceversa.

the sizes of two files give you the idea.

:)

gmastro:

with page on browser, save on your hard disk the source html (view/html from IE)

then do the same with the control without AJAX.

This won't give you a true idea of the difference in sizes. When you use AJAX, you'll load scripts from external files using ScriptResource.axd and WebResource.axd. Those scripts will load, but in the source html, you will just see:

<script src="/Project/WebResource.axd?d=JIj7eF1JuZPjL4hPGAVvsg2&t=633059383787628338" type="text/javascript"></script>

And you'll miss the true impact, size-wise, of using AJAX.

Use Fiddler to compare page sizes for yourself... I would suggest reading this article first...

http://msdn.microsoft.com/msdnmag/issues/07/06/WickedCode/

Hi, guys.

Thanks for yours enthusiastic replies.

Ricky.