gilbitron/Nivo-Slider — Issue #259: Internet Explorer Animation Performance Degrading
Author: scottc
Created: 2012-01-31 05:36:53+00:00
State: open

**Internet Explorer Animation Performance Degrading**

When the page first loads, performace is acceptable.

After approximately 10 minutes using the boxRain effect at 5 second interval on my work computer. The effects becomes too slugish that it doesn't even render and skips to the next slide.

If I let the nivo-slider continue to about 30 minutes, the browser becomes unresponse.

This only happens on Internet explorer.

**Version:**
Nivo Slider 2.7.1
jQuery 1.7.1
Internet Explorer 9.0.8112.16421 64-bit

**Process tree analysis:**
After running the javascript profiler and investigating the process tree.
The msMatchesSelector function call becomes more unresponsive as time goes on.

After 20 seconds of nivo-slider activity – *13ms for 31 calls*.
After Approx 10 minutes of nivo-slider activity – *1.618 seconds for 31 calls*.

31 calls are made (for each tile boxRain animation, about 30 tiles?)

Nivo ->
Box rain animation ->
JQuery ->
Animation function ->
matchesSelector function ->
Native browser implementation (**msMatchesSelector**)

If I disable the effects, the silder runs smoothly with no performance loss.
eg. **effect: ''**

In other browsers eg. chrome. The webkitMatchesSelector performance does not degrade over time.