Jquery Easing Performance

JavaScript performance comparison

Revision 2 of this test case created

Preparation code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

<script src="http://staging.zaaz.com/audiyt2013/wp-content/themes/audi_youtube/js/jquery.easing.1.3.js"></script>


<div class="layer-8" style="position:absolute;top:-2000px;width:400px;height:500px;color:black;"></div>


 

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
EaseInOutQuad
var easeType = 'EaseInOutQuad';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);
pending…
EaseInOutCubic
var easeType = 'easeInOutCubic';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);
pending…
EaseOutCubic
var easeType = 'easeOutCubic';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);
pending…
EaseOutQuart
var easeType = 'easeOutQuart';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);
pending…
EaseOutQuint
var easeType = 'easeOutQuint';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);
pending…
EaseOutSine
var easeType = 'easeOutSine';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);
pending…
EaseOutExpo
var easeType = 'easeOutExpo';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);
pending…
EaseOutCirc
var easeType = 'easeOutCirc';
$(".layer--8").stop().animate({top:"500px"},1500,easeType);
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment