Solved

IE9 on Window 7 slow (excessive rendering)

Posted on 2014-10-22
5
251 Views
Last Modified: 2014-11-27
This is a very bizarre any very frustrating issue so please bear with me for the full explanation.

PREEMPTIVE NOTE: This is not a question of how to improve DOM/CSS for performance. You will see when you read the frustrations.

We have recently re-worked out website to be cross-browser (e.g. < !DOCTYPE html >)

After all the pain HTML and CSS re-factoring, we thought things were fine. However our website which has a pretty heavy DOM (including jqgrid 4.5.2) is incredibly sluggish to the point of being unusable. Example: clicking to select a row takes 10 seconds until it is highlighted and its check-box is checked.

Frustrations:

1) This sluggishness is not universal. Only IE9 suffers from this. IE8, IE10, FireFox, Chrome are all speedy!

2) IE9 itself if changed in debugger to IE8 documents mode becomes speedy! But not in its own IE9 mode.

3) While we are noticing the some sluggishness, the SUPER sluggishness (to the point of unusable) is only on specific machines.

4) Of course, one of those machines is a client.

The Question:

What could possibly unique about specific machines to cause super sluggishness? What could cause these machines to suffer more than others?

Things we've checked:

1) Windows 7 fully updated.

2) We do not have Windows update KB2976627 installed

3) We do not have Windows update KB2670838 installed

4) Disabled all Add-ons

5) Stress again that we disabled Shockwave Flash Object.

6) Tried disabling "Software Rendering" in Internet Options so that the GPU is used.

7) Reduced Windows display quality settings to run for maximum performance.

Additional Evidence:

When the display area gets smaller, responsiveness increases. This happens when the browser window itself is made smaller or when dragged partly outside the screen boundaries. Also when performance improves as DOM elements removed/hidden.

DynaTrace shows a huge amount of time spent on rendering.

Webpage content:

There is ONLY: HTML, CSS2, JavaScript, JQuery, simple images.

There is NONE of the following: Flash, video, CSS3, loaded third-party web content.

Machines tried:

OS: Windows 7 Enterprise N 64bit RAM: 2 GB CPU: 2.53 Ghz (2 processors)

OS: Windows 7 Enterprise 64bit RAM: 8 GB CPU: 2.67 Ghz (2 processors)

IE9 Version:

9.0.8112.16421 64-bit IE9 Update Version: 9.0.31 (KB2977629)

We tried uninstalling update KB2977629 with no improvement.

Repeat of Question:

What could possibly unique about specific machines to cause super sluggishness? What could cause these machines to suffer more than others?
0
Comment
Question by:Aaron Mirsky
  • 3
5 Comments
 
LVL 32

Expert Comment

by:Big Monty
ID: 40397052
I've recently run into this same scenario on an old classic asp site that was built 10+ years ago who wasn't all that familiar with html standards :) After adding some DOM intensive functionality, it slowed down to a crawl in IE9. Because the html was malformed, it through the page into Quirks Mode which was causing this issue. If I manually put it back into IE9 Standards mode, it worked (but messed up some html which I had to fix).

To test if this is your problem as wel, open up IE9 and hit F12 (opens the dev tools) and see what mode it's opening up in. Alternatively, you could put the meta tag below as the first meta tag in your head section:

<meta http-equiv="x-ua-compatible" content="IE=9">

This'll force the browser into IE9 Standards mode
0
 
LVL 58

Expert Comment

by:Gary
ID: 40397102
What kind of video card is on the machines - are the drivers up to date?
Is there a link you can provide?
0
 

Author Comment

by:Aaron Mirsky
ID: 40398580
Thanks for the responses.

Sorry, cannot provide a link. This not an online service, but a web app used on internal company servers.

We are aware of the quirks mode. We have a requirement for clients to disable compatibility view in their browsers. Sounds weird I know, but given the type of clients we have its a demand we are able to make. So in dev tools I do see that the page is in "IE9 Documents mode". Like I said I sounds like a IE9 engine specific issue because if in dev tools i switch to IE8 documents mode the page runs fast again.

BTW, always forcing IE8 documents mode with the meta tag is not an acceptable option.

I am checking with the client regarding the video card and drivers.
0
 

Accepted Solution

by:
Aaron Mirsky earned 0 total points
ID: 40460318
I discovered the explanation. As I feared when I phrased the original question JQGrid was a distraction (red herring). The real cause was answered in a Stack Overflow article.

In short, our page contains a lot of rounded corners (i.e. border-radius) styling. And there is a bug in IE9 that causes the rendering engine to choke on this. Once this styling was removed, everything was speedy again!

This also explains why IE8 browsers and even using IE9 with IE8 documents mode were fast. IE8 does not support border-radius so it didn't fall into this issue.
0
 

Author Closing Comment

by:Aaron Mirsky
ID: 40468650
This completely resolved the issue. If absolutely require rounded corners and must support IE9, then taking other approaches recommended. For us, we can live without them.
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
Wufoo.com provides powerful tools for surveying targeted groups, and utilizing data from completed surveys to find trends, discover areas of demand or customer expectation, and make business decisions on products or services.
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now