Comparação de Frameworks Javascript
by Handrus Nogueira on Terça, 09 Fevereiro/2010, under Dicas
Eu particularmente uso JQuery e muita gente sempre me procura para compara-la à ExtJS, MooTools, Prototype, YUI e Dojo. Como também faz tempo que estou devendo um post pro Chronosbox… aqui está!
- Velocidade
Vale lembrar que os resultados mudam de navegador para navegador, meu testes:Browser Dojo ExtJS JQuery Mootools MochiKit Prototype YUI Chrome 2.0 22 66 24 90 838 409 308 Firefox 3.0 190 306 209 231 5013 298 547 IE7 647 538 800 1099 120388.16666666665 2696 2102 Safari 4.0 9 85 14 65 1005 220 238 Opera 9.64 92 135 306 212 4092 200 441 - Compatibilidade
ExtJS é o único dos frameworks acima que não aparece aqui, no entanto ele foi feito para ser compatível com JQuery e YUI, ambos com nota A.No teste de seletores somente o MochiKit apresentou problemas com os seletores, ainda assim ele aparece com nota A.Ajax/DHTML Libraries DHTML-only Libraries THE GOOD GUYS (Grade A Toolkits) Dojo Toolkit DHTML Kitchen Echo 2 DynAPI 3.0 Javascript/Ajax Toolbox How To Create Jitsu Open Cube jQuery Todd Ditchendorf’s DHTML Gallery jsLINB UIZE JavaScript API MochiKit Walter Zorn Moo.fx X Library Prototype Sardalya Script.aculo.us Spry Tacos TurboWidgets TwinHelix Wicket Yahoo! User Interface Library Zapatec Ajax Suite THE BAD GUYS (Grade D or E Toolkits) AjaxFace Bindows EBA Ajax Plex Toolkit Microsoft Atlas ThyApi Rialto TIBCO General Interface ZK Fonte: http://www.musingsfrommars.org/2006/03/ajax-dhtml-library-scorecard.html
A – IE6+, FF1+,Safari 1.2+,Other DOM | B – IE6+, FF2+,Safari + | C – IE6, FF1+ | D – IE6. - Tamanho
YUI – 43Kb (Core + Selector)
Moochikit – 51Kb
Jquery – 56Kb
Mootools – 65Kb
Dojo - 79Kb
Prototype – 126Kb
Extjs – 131Kb - Rich Internet Application
Este item eu considero um empate técnico já que todas apresentam os componentes básicos para contruir ambientes Ricos, embora o ExtJS deixe isso claro mais facilmente e o Jquery tenha muito mais opções que os concorrentes é uma questão de saber procurar. Para facilitar um pouco a busca aqui ficam 2 links:
http://theresaneil.wordpress.com/2009/02/04/30-essential-controls/
http://wiki.jqueryui.com/Essential-Controls-List - Documentação
Em termos de documentação o ExtJs dá um show de organização e visual, mas a falta de exemplos de código torna sua aprendizagem um tanto quanto lenta e difícil. A documentação do Dojo é uma lista de funções amontoadas, o Yahoo UI… alguém acredita que existe um arquiteto de usabilidade na yahoo quando vê aquele site??A mootools está indo pro caminho certo, se incluir alguns demos talvez fique uma documentação boa, já a mochikit é outra documentação básica… O Jquery pelo numero de exemplos e pela iniciativa do Visual Jquery fica com o prêmio nesse tópico.
Conclusão:
Em termos de velocidade e compatibilidade podemos considerar um empate enter Jquery, MooTools, ExtJS, Prototype e Dojo. Mas em tamanho ExtJS e Dojo são mais de 20Kb maiores, o que é considerável nuam conexão lenta.
No geral Jquery e Mootools são as vencedoras, e por detalhes minimos como tamanho e atividade da comunidade vou considerar o hanking dessa forma:
- Jquery
- Mootols
- Prototype/ YUI
- ExtJS/Dojo
- MochiKit
Um aviso especial para o ExtJS sua liçensa é dual: Comercial e GNU portanto você deve pagar para usa-la em projetos comercias!!
domingo, 26 em julho/2009 on 06:45
Handrus,
Thanks for mentioning UIZE. It’s listed under the “DHTML-only Libraries” column, but it actually does have good support for Ajax and other forms of asynchronous communication.
domingo, 26 em julho/2009 on 22:01
The credit isn’t mine, UIZE is mentioned only on the table of accessibility test i grab from http://www.musingsfrommars.org
Anyway, thanks for read the post, I will try a depper look in UIZE