
Terrible performance issues with IE8 scroll
Was banging my head against the wall for a bit with this, thought I would post in case anyone else has the same issue.
A page with 60+ elements all with PIE radius, shadow and gradient. No noticeable performance hit in IE7 and IE9 (even without -pie-lazy-init) but IE8 would hang for 3-4 seconds every time the scroll bar was used (CPU usage would spike). lazy-init didn't improve things. After reading the documentation properly (which I should have done in the first place) I noticed that IE8 has -pie-poll enabled by default. After setting this to false on these elements the page performs as it should.
Code:
.repeaterContainer
{
background-color:#EDEDED;
border:2px solid #666666;
line-height:1.3em;
margin:10px auto;
padding:10px;
position:relative;
width:290px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow:0 0 5px #888888;
-webkit-box-shadow:0 0 5px #888888;
box-shadow: #888888 0 0 5px;
background: linear-gradient(#ededed, #acbbc6);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#acbbc6));
background: -moz-linear-gradient(#ededed, #acbbc6);
-pie-background: linear-gradient(#ededed, #acbbc6);
behavior: url('../PIE.htc');
-pie-poll:false;
}