Colorbox vs. prettyPhoto

JavaScript performance comparison

Test case created by Christine Wilson

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="//epson.com/_assets/libraries/jquery/prettyphoto/jquery.prettyPhoto.js"></script>
<script src="//christinewilson.ca/epson/colorbox/jquery.colorbox-min.js"></script>
<a rel="lightbox" href="http://christinewilson.ca/epson/image.jpeg?iframe=true&amp;width=646&amp;height=417" class="cboxElement" style="background:#CFF;padding:10px;">My Colorbox Example</a>

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
prettyphoto
$('a[rel^="lightbox"]').prettyPhoto();
pending…
colorbox
$("a[rel^='lightbox'][href*='iframe']").colorbox({iframe: true, fastIframe:false, rel: 'nofollow', scrolling: false, innerWidth: function(){ var iframewidth = $(this).attr('href').match(/width=([0-9]+)/)[1]; return iframewidth; }, innerHeight: function(){ var iframeheight = $(this).attr('href').match(/height=([0-9]+)/)[1]; return iframeheight; }});
pending…

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments

Add a comment