I am working on a web application developed on C#/ASP.NET. We are using third-party controls for displaying Grids, Tabs, Trees and other complex controls in our pages. The problem is that these controls render a huge amount of HTML. Due to this the size of pages have grown heavily and the browser takes a while to load a page. I want to find some general techniques to make HTML rendering in a browser (Internet Explorer, Firefox, etc.) fast.
Note that all the pages have ViewState turned off.
Progressive HTML rendering is a relatively old technique that can be used to improve the performance of websites, but it has been lost in a whole new class of web applications. The idea is simple: give the web browser a head start in downloading and rendering the page by flushing out early and multiple times.
There's a Firefox extension, YSlow ( http://developer.yahoo.com/yslow/ ) that analyzes any web page and lists the specific changes to be made, to improve the speed. Some of the changes that it suggests are related to the web server, not the content of the HTML, but it's very helpful anyway.
Screenshot from the YSlow webpage:
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With