Dojo vs JQuery vs MooTools vs Prototype Performance Comparison
Updated: MooTools vs JQuery vs Prototype vs YUI vs Dojo Comparison Revised
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):
*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.
Tags: javascript framework, Mootools, Performance
However I tend to disable it for small blogs like this one. If you would like to help me pay for my webhosting please allow your Adblocking software to show adverts from this site. Thanks!
February 24th, 2008 at 10:23 pm
Peter,
Thanks for sharing
It would be great if YUI and EXT were included as well.
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 …
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
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/
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.
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/
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.
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 [...]
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.
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 [...]
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 [...]
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?
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
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 [...]
September 29th, 2008 at 9:15 pm
[...] Dojo vs JQuery vs MooTools vs Prototype Performance Comparison [...]
October 18th, 2008 at 4:16 pm
[...] Dojo vs JQuery vs MooTools vs Prototype Performance Comparison [...]
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.
November 22nd, 2008 at 1:02 am
on a note from Mehdi, I have recently used JSF + Richfaces and using JQuery along side it. Richfaces uses JQuery as one of its libraries (look to what the browser chucks out on the JS includes on the top of the pages) and as I can tell from my experiances with it, it uses a custom built library.
you can use the Juery library Richfaces offers but I find you have to reference not the “$()” but directly “jQuery()”. What I do to decrease the code is to create a reference to the jQuery function, such as “var jQ = jQuery;”.
I have not tried adding the other plugins that you can download from the jQuery site, or for that matter custom plugins, something worth experimenting with.
Hope that helps.
November 22nd, 2008 at 1:06 am
on another note to add, there is a Richfaces call “<:rich:jQuery” that you can use to create jQuery specific code. something else that may help.
check the following for a detailed reference on this…
http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/docs/devguide/en/html/jQuery.html
Quinton.
November 28th, 2008 at 2:52 am
Thanks for your share, May I scrap this post?
November 28th, 2008 at 1:08 pm
sure
November 29th, 2008 at 2:00 pm
So I think for most fatest frame work is Dojo, is Dojo easy to use as prototype or YUI??
please help me to decide which one I should use in my Site developing??
November 29th, 2008 at 10:06 pm
1. This test are a bit old by now so speed might have changed
2. JQuery will be somehow supported by MS
3. Don’t have much experience with Dojo
4. I’m a fan of Mootools but as Aaron said almost all frameworks now have similar functionality just implemented differently
My choice would be JQuery or Mootools
December 7th, 2008 at 5:52 am
[...] Dojo toolkit: I appreciate the elegance and performance of [...]
December 11th, 2008 at 3:46 am
Wow, Safari is impressive!
December 18th, 2008 at 3:08 pm
[...] inspired by the 23andMe website code, informal performance benchmarks, superior (official) documentation, and my own quick experimentation, I’m switching my [...]
December 19th, 2008 at 2:47 pm
are you sure you’re not working for dojo? just kidding. i’ve used prototype, mootools and spry. i haven’t tried dojo so this article will probably make me try it.
January 24th, 2009 at 4:07 am
Numbers I got from same page.
MooTools 1.2 JQuery 1.2.6 Prototype 1.6.0.2 YUI 2.5.2 Selector beta Dojo 1.1.1
Ubuntu 8.0.4, Firefox 3.0.5 316 330 427 639 238
Ubuntu 8.0.4, Epiphany 2.22.2 299 306 425 634 235
January 28th, 2009 at 11:16 am
[...] el blog de creonfx se puede ver una tabla comparativa, entre los frameworks que mensione, a mi entender entre lecturas y opiniones en la red, Prototype [...]
January 30th, 2009 at 8:55 am
so the speed test, huh,
and what about memory leaks?
what about ease of use?
i will be invest the few coming days to see how better is MooTools compared with Prototype( which i have been using couple of times). for a first look, the easiness of selecting elements by ID and by selectors using $() and $$() are similar .. which makes me eager to really start testing couple of mootools effects and manipulation of the dom objects in an HTML page not just plain text.
February 1st, 2009 at 5:30 am
[...] ho trovato qualche link naturalmente molto di pare apparte questo ( spero ) , comunque il blasonato prototype non ne viene fuori molto bene , tanto meno mootools [...]
February 11th, 2009 at 4:16 am
The numbers looks interesting. What tool did you use to produce this data?
Thanks in advance
February 11th, 2009 at 11:36 am
As said in the post Slickspeed
March 2nd, 2009 at 2:06 pm
Interesting… BTW, you should update this data: jQuery 1.3 is much much faster in many things (starting from selectors).
Also, it would be interesting to see how Chrome and SquirrelFish Extreme (the engine of Safari 4, which Apple claims is the fastest in the world) behave
March 2nd, 2009 at 2:16 pm
Alessandro, did you checked the updated post ?
March 7th, 2009 at 11:01 pm
Peter – Where is the updated post?
March 7th, 2009 at 11:04 pm
Found it. sorry for bothering. please do not post my previous question.
March 8th, 2009 at 9:28 pm
[...] MooTools vs. jQuery vs. Prototype vs. Dojo. Sammenligning af MooTools performance i forhold til de andre JavaScript Frameworks. [...]
March 10th, 2009 at 6:31 pm
Prototype selectors are so significantly slow on IE (and not so fast on other browsers) only because Prototype extends many elements during search (and not because of poor algorithm or implementation). This issue is known to developers of Prototype, and they will sooner or later release some improvements.
March 10th, 2009 at 7:49 pm
I hope so because Ruby on Rails uses it and its a shame to slow the otherwise fast framework
April 16th, 2009 at 9:31 am
my first choice is mootools then go to jquery. When you are doing everything in mootools why do we need jquery. I heard about the compressed version of js(framework) will not support in chrome… is that real?
April 16th, 2009 at 11:18 am
@manny Yahoo’s javascript compressor is safe and should not lead to any problems with chrome.
May 9th, 2009 at 12:07 pm
Always good to see more benchmarking information. Having used both Dojo and Jquery (but not the others you mention) I was somewhat disappointed to discover that Dojo appeared to cause pages to initially render without Dojo-applied styling, causing a rather unpleasant visual flashing as objects were replaced by their fully-styled counterparts.
Is this a known issue with Dojo which I was perhaps triggering by some omission? To me (in limited testing on FF 2.X and 3.0 under Windows Vista and Ubuntu) Jquery seems to have the edge for user experience.
May 11th, 2009 at 12:16 pm
Thanks for this fantastic comparison
May 26th, 2009 at 7:48 am
Hi~ Which tool does generate the beautiful chart?
May 26th, 2009 at 8:54 am
@R-tree – ms excel
June 18th, 2009 at 1:51 am
[...] aqui… Comparação entre os frameworks com gráficos bacanas http://blog.creonfx.com/javascript/dojo-vs-jquery-vs-mootools-vs-prototype-performance-comparison referências A Method for Model Based Design of Rich Internet Application Interactive User [...]
June 22nd, 2009 at 6:15 pm
Thank you … this has me very helped.
August 18th, 2009 at 11:45 am
wow..nice benchmark. I confuse to choose between Jquery and dojo but after I see the benchmark, I know that dojo is the best.
December 5th, 2009 at 6:11 pm
Thank you.Your data helps me a lot.
February 22nd, 2010 at 3:27 pm
Thanks for the information. Its help me lots……