Very slow on scroll #22

Open
mlarcher opened this Issue Oct 18, 2012 · 1 comment

Projects

None yet

2 participants

@mlarcher

The latest version is veeery slow in IE7 when scrolling, and can prevent it from responding.
Not sure if something in particular triggers this or if it's just the counterpart of recent enhancements, but it is not usable as is anymore.
This is a critical issue.

@mlarcher mlarcher closed this Oct 19, 2012
@mlarcher mlarcher reopened this Oct 19, 2012
Owner
Schepp commented Oct 24, 2012

I guess you applied the polyfill the Paul Irish way, meaning like:

* {
    box-sizing: border-box; 
    *behavior: url(/scripts/boxsizing.htc);
}

That's the first thing you probably should not do. Reason being that you create a dependancy chain accross the DOM, where child elements recalculate based on the size of the parent elment, which is also calculating its own size and so on and so forth.

HTC-files are nothing more than JavaScripts that do calculations on the element they are apllied to. And I guess you heard how badass of a "fast" Javascript engine IE6 & 7 have, right? So lets say you have 100 elements in total on your page, then you have a wide pyramid of elements being scripted. Not good.

Try to apply the polyfill just to the elements where you really only need border-box.

Apart from that: Can you show me an example-page, please?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment