Geek Answers Handbook

How to fix rendering performance issues in IE

Our web application runs fast in some IE browsers, slow in others ... It seems to be a problem with HTML rendering ... The first 10% of the page is displayed immediately, the last 90% takes up to 10 seconds, and this is static content. I worked with firefox / yslow, it does very fast. It seems to be isolated from some users / configurations, i.e. Quirks mode does not seem to matter.

Is there a tool or application that I can use to help me spot a bottleneck in the rendering? Am I doing something egregious in my code? Could this be a javascript issue? Any help or suggestions would be greatly appreciated. thanks.

+4
source share
7 answers

Use Fiddler to see the download time of images, css, js files, etc. In other words, caching problems? Javascript can definitely cause problems in different versions of the browser. There you will find many optimizations in some versions that are not in others. Also, make sure your html is well-formed xhtml, if possible. How the page is arranged can also affect life. If the document tree is deep, you may need to wait for large sections until it reads all the child nodes. Another thing is that some toolbars and plugins look to the future and can slow down life. An HTTP proxy can help you keep track of what's happening over the network at least.

Not sure if any of these ideas can help your specific problem, but they can help in general.

+4
source

If it works fast in FF or Chrome, then this is a javascript problem. IE7 is very slow when handling large volumes of script and complex HTML. We had a sharepoint page that took 10 seconds to render in IE and up to 1 second in FF and Chrome. We compared the page by adding a timer to the server processing and sending the result to the client using Response.Write (). By doing this, we can determine the server time for processing the page and the client time for displaying the page (since you will see the results of the timer on the screen, and then wait 10 seconds for the rest to display). The bottleneck was 100% IE on the client. This also explains why the speed was variable on different computers of people, because depending on how fast the client machine would be a page, it will be displayed at some speed between 8-15 seconds.

We even looked at MS for this problem, and they confirmed that IE has a "rich rendering" mechanism that is slower ... IE8 works much faster, but today it does not help anyone.

+3
source

Do you use any behavior in your CSS? I saw how behavior brings an application to its knees if too much is used and / or affects too many elements. Check for any .htc files.

Of course, the behavior applies only to IE, and they use JavaScript, so I'm sure that different versions of IE handle them more competently than others.

+1
source

There is a special tool for such scenarios called dynaTrace, which is available for free on this website: http://ajax.dynatrace.com/pages/ This tool can really help you, because its tracking is almost everything and its special assembly for IE .

+1
source

Steve Souders gives an excellent presentation on 14 (simple) steps to improve the performance of your web pages:

http://developer.yahoo.net/blogs/theater/archives/2007/08/steve_souders_high_performance.html

If it hangs in the middle of the page, the first thing I personally would like to do is to provide or move all my JavaScript to the bottom of the page.

IE is great for being a poor performer, especially with JavaScript, so if you move it to the bottom, IE can render the page and then continue to process JavaScript.

0
source

I use HttpWatch to troubleshoot related resources (images, script, css), network or HTTP related issues in IE. There is a free and paid version. Free is OK, but you are losing some nice features.

0
source

More articles:


All Articles