Safari and jquery animation performance

Limenote · 19 Oct 2011 at 16:06

Hi guys, can anyone tell me why safari gives such a poor frame rate with jquery animation compared to other browers?

GravyMonster · 19 Oct 2011 at 16:52

Simply down to the internal javascript engine of the browser. Firefoxs isn't fantastic, although it's better than Safaris. Chrome is easily the quickest.

You can go more in depth than that if you prefer, a google should find what you need.

Dj_Jestar · 19 Oct 2011 at 17:23

Don't take the above to mean you have carte blanche on what you can do with your code though!

Limenote · 19 Oct 2011 at 17:33

So its the actual rendering of the effects as opposed to any poor coding? im using jquery to perform a few div transformations and some jpeg opacity changes, its very simple code for example my facebook button:

Code:

$("#facebookbutton").hover(
	function(){$("#facebookbutton").stop().animate({backgroundColor: "#006cff", height: 50},{duration:200, easing:"easeOutCirc"} );},
	function(){$("#facebookbutton").stop().animate({backgroundColor: "#000", height: 36}, {duration:1000, easing:"easeInOutElastic"});}
	);

I cant seem to find a good explanation on google (sorry if its obvious).