Skip to main content

Bug Tracker

Side navigation

#9142 closed bug (worksforme)

Opened May 06, 2011 09:47AM UTC

Closed May 10, 2011 08:08PM UTC

Last modified May 11, 2011 09:14AM UTC

animate loose fluidity/performance after version 1.4.4 in FF

Reported by: _devyan_ Owned by: _devyan_
Priority: low Milestone: 1.next
Component: effects Version: 1.6
Keywords: Cc:
Blocked by: Blocking:
Description

I've seen that since jQuery 1.5 the animate() performance decrease.

A simple $('div.banner-scroll').animate({left:0}, 10000);

has a good looking fluidity in jQuery 1.4.4 but lags a lot in newer versions.

The backgoundPosition animation doesn't seems to work either.

''The result in 1.5.2 and 1.6 is the same as .css(backgroundPosition)''

Attachments (0)
Change History (8)

Changed May 06, 2011 10:41AM UTC by addyosmani comment:1

component: unfiledeffects
owner: → _devyan_
priority: undecidedlow
status: newpending

Thanks for submitting a ticket to the jQuery Project. Could you submit a reduced test case that reproduces the mentioned visible decrease in animation performance on http://jsFiddle.net so we can assist further?

Changed May 09, 2011 01:50PM UTC by _devyan_ comment:2

status: pendingnew

Thanks, here you can find a sample : http://jsfiddle.net/5xN32/.

There is less lags in jsFiddle maybe because I also use jQuery-ui (for datepicking, drag'n'drops & resizing elements)

(in my webapp, the moving steps with the same duration calculation is about 10px with v1.6 in the animation scrolling)

devyan.

''P.S. : i use FF 3.5.7''

Changed May 09, 2011 02:30PM UTC by _devyan_ comment:3

Note that I also have lags when playing the samples from this page http://api.jquery.com/animate...

devyan.

Changed May 09, 2011 04:02PM UTC by lrbabe comment:4

Just out of curiosity, are you seeing similar issues in Internet Explorer? And Firefox4?

Changed May 10, 2011 08:33AM UTC by devyan comment:5

I've made some tests under IE7 (for your curiosity ... & mine ;D) and found that there is a problem with the colorbox library (an initializing script doesn't seems to stop with jQuery 1.6)

I've posted a message to the colorbox team...

More details next time.

devyan

Changed May 10, 2011 08:08PM UTC by addyosmani comment:6

resolution: → worksforme
status: newclosed

I've updated your original testcase to use our edge version of jQuery (currently 1.6.1) and the animation appears to be fluid on my system, across FireFox, Chrome and Opera. Please see here: http://jsfiddle.net/5xN32/3/. I also don't experience any lags running the examples on http://api.jquery.com/animate in these browsers either.

Changed May 11, 2011 09:12AM UTC by _devyan_ comment:7

Hi,

I think I finally found the "real" source of the problem ...

I also use the "jQuery UI.Layout" plugin and :

  • with jQuery 1.4.4 the layout resize event is fired once
  • with jQuery 1.6 (and 1.6.1) the ui.layout onresize event is fired and fired without stopping.

This abnormal activity use CPU resources and I have lags in my multi-messages marquee scrolling

Changed May 11, 2011 09:14AM UTC by _devyan_ comment:8

Replying to [comment:5 devyan]:

I've made some tests under IE7 (for your curiosity ... & mine ;D) and found that there is a problem with the colorbox library (an initializing script doesn't seems to stop with jQuery 1.6) I've posted a message to the colorbox team... More details next time. devyan

I've had an answer from the Colorbox team concerning IE7 :

Use jQuery 1.5.2 or jQuery 1.6.1 when it comes out (the release
candidate is already out).  There was a bug in jQuery 1.6.0 that
caused this to happen for IE6 and 7.  Here is the relevant ticket:

http://bugs.jquery.com/ticket/9072