« Codecamp Sofia, Bulgaria Coverage
Xedunism is Alive - My Second Wordpress Theme »

Dojo vs JQuery vs MooTools vs Prototype Performance Comparison

As part of my Mootools lecture at Codecamp I showed a brief speed comparison between the most used Javascript Frameworks running in the major browsers. Now as the Mootools team has extended their performance test tool (slickspeed) it is time to revise my benchmarks and extend them over more browser/platforms.

Test results (Lower is better):

Speed Comparsion Graph

*For example FF (XP-NA) is Firefox 2.0.0.12 with no addons (extensions) enabled running under Windows XP

You can check the actual numbers (in ms) and the full browsers information in the table bellow:

  Dojo 1.0.2 JQuery 1.2.3 MooTools 1.2beta2 Prototype 1.6.0.2
Mozilla Firefox 2.0.0.12 - no addons - winxp 128 266 115 259
Mozilla Firefox 2.0.0.12 - winxp 144 290 127 260
Mozilla Firefox 2.0.0.12 - linux 253 438 255 384
Opera 9.26 - winxp 32 136 148 194
Opera 9.26 - linux 110 188 238 364
Internet Explorer 7 - no addons - winxp 263 330 662 1563
Internet Explorer 7 - winxp 264 334 674 1583
Internet Explorer 6 387 600 945 2279
Internet Explorer 6 - linux (wine) 692 978 1310 2616
Safari 3.0.4 Beta 3 - winxp 36 76 84 116
Konqueror - linux 324 450 X X

Conclusions:

  • Safari under Windows XP is really blazing fast
  • Mootools and Prototype JS do not work under Konqueror (KDE’s default browser)
  • Dojo performs great. If we take only these test into consideration it safe to say it is the fastest Javascript Framework
  • Linux browsers are relatively slower against their Windows versions
  • Prototype is insanly slow under Internet Explorer

Disclaimer: This benchmark is somehow subjective because the test results depend on the current OS load and other factors. If you have any corrections or comments on this topic I will gladly review them and will revise the results if needed.

  • Digg
  • Facebook
  • del.icio.us
  • StumbleUpon
  • LinkedIn
  • Technorati
  • Slashdot
  • Google
  • Furl
  • Reddit
  • SphereIt
  • Spurl
  • YahooMyWeb

Tags: , ,

This entry was posted on Sunday, February 24th, 2008 at 1:34 pm and is filed under JavaScript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

17 Responses to “Dojo vs JQuery vs MooTools vs Prototype Performance Comparison”

  1. Beth Says:
    February 24th, 2008 at 10:23 pm

    Peter,

    Thanks for sharing ;)

    It would be great if YUI and EXT were included as well.

  2. gomera Says:
    March 13th, 2008 at 11:35 pm

    Peter,

    I don’t want to sound rude but could you provide us more info about this benchmark ? Because saying that one framework is slower that other without info but some numbers, it is not quite useful. What did you test ? Rendering ? Effects ? Iteration over complex structures ? Environment specifications ? Stuffs like that …

  3. Peter Says:
    March 16th, 2008 at 12:26 pm

    @Gomera

    As written in the article i have used http://mootools.net/slickspeed/ for testing. As said on the website this tests speed/validity of the selectors. In other words how many seconds will be needed for the framework to return pointer to the needed dom element(s). Testing environment was standard Windows XP SP2 with all updates

  4. jorge báez Says:
    March 31st, 2008 at 4:36 pm

    Peter,

    Its nice to see that figures since my tests thows completely different results… :?

    OTOH, John Resig found out some statistics on selectors usage that should weight each slickspeed
    http://ejohn.org/blog/selectors-that-people-actually-use/

  5. Peter Says:
    March 31st, 2008 at 5:42 pm

    @Jorge as I said above the test is a bit subjective for many reasons - one as pointed in the blog post - most used selectors. Other reason is that mootools is still beta and therefore things might change.

    If you like post your figures and chart and I will attach them in the post.

  6. Dharmavirsinh Jhala Says:
    April 8th, 2008 at 9:49 pm

    Thanks for sharing this information.
    Can we have detailed screenshot/information of each selector you run through as these scores are sum of each selector and selector usage will be basically matter of choice most of the time.

    FYI scores on my firefox 3 Beta5 were like following: (although all this highly depends on machine configuration)

    Dojo 1.0.2 JQuery 1.2.3 MooTools 1.2beta2 Prototype 1.6.0.2
    62 103 83 179

    I am using jQuery heavily and it seems to be it’s average when it comes to speed but the selectors I am using it’s fastest on them as long as I know.

    http://blogs.digitss.com/category/javascript/

  7. Nathan Says:
    May 19th, 2008 at 4:30 pm

    Thanks for this article. I don’t have a windows machine but I’ve suspected for a while that Prototype might be easier for me than it is for the machine it’s running on.

  8. Web industry hawker-featured web2.0 Evaluating JavaScript Frameworks: Best Cross-section of Links | Says:
    July 3rd, 2008 at 12:38 am

    [...] Another Speed Test Mostly JQuery wins: http://blog.creonfx.com/javascript/dojo-vs-jquery-vs-mootools-vs-prototype-performance-comparison [...]

  9. battisti Says:
    July 15th, 2008 at 7:42 pm

    Whe can see if the test is based on find element, maybe for others situation, for example: create dom element or UI widgets the results will be diferent.

  10. [Suggestion] Safari Web Browser - The Global Nintendo Wi-Fi Community - Wii Message Board Says:
    August 7th, 2008 at 11:09 pm

    [...] is an amazing web browser, and just as fast (if not faster) than Internet Explorer. Dojo vs JQuery vs MooTools vs Prototype Performance Comparison | Peter Velichkov’s Blog I found that a few months ago. As you can see, Safari is extremely fast. And that’s just [...]

  11. .:: Securnetwork.net Blog - Massimo Rabbi ::. » Javascript frameworks: qual è il migliore? Says:
    August 28th, 2008 at 2:07 pm

    [...] Mi sono capitate però sottomano un paio di pagine interessanti. Nella fattispecie: - Dojo vs JQuery vs MooTools vs Prototype Performance Comparison - SlickSpeed Selectors Test Inutile dire che la lettura e l’esecuzione dei test ha scatenato [...]

  12. martin Says:
    August 29th, 2008 at 2:55 pm

    Why are linux browsers always slower than their windows counterparts? Is it because of the system (linux is slower)? Less time is taken to optimize linux versions?

  13. Peter Says:
    August 29th, 2008 at 4:22 pm

    Heh Linux is faster in many things than windows so it should be the second.

    I will be putting updated review soon, since most of the frameworks are updated and there are new browsers on the horizon

  14. Javascript frameworks: qual è il migliore? - Eurohackers.it Blog di informatica, notizie, programmazione, linux e tecnologia Says:
    September 7th, 2008 at 2:58 am

    [...] Mi sono capitate però sottomano un paio di pagine interessanti. Nella fattispecie: - Dojo vs JQuery vs MooTools vs Prototype Performance Comparison - SlickSpeed Selectors Test Inutile dire che la lettura e l’esecuzione dei test ha scatenato [...]

  15. hea disain toimib - jQuery : taavi Says:
    September 29th, 2008 at 9:15 pm

    [...] Dojo vs JQuery vs MooTools vs Prototype Performance Comparison [...]

  16. verago2 » Dojo vs JQuery vs MooTools vs Prototype Says:
    October 18th, 2008 at 4:16 pm

    [...] Dojo vs JQuery vs MooTools vs Prototype Performance Comparison [...]

  17. Mehdi Says:
    November 3rd, 2008 at 10:42 am

    what about the compatibility of jQuery and/or Prototype with some server-side frameworks(like JSF + Richfaces, which are my goal).
    I’m researching about the compatibility of them and also the possibility of replacing the Ajax-based server-side libraries with a client-side.

Leave a Reply