Existe-t-il une alternative à jQuery pour créer des sites Web plus rapides

Question

Nous sommes sur le point de commencer une refonte de notre site et explorons toutes les options pour améliorer les performances.Le site est assez lourd en publicités chargées en javascript, nous devons donc être très légers avec le javascript que nous utilisons.

L'un d'entre vous a-t-il une expérience de frameworks plus légers ou de frameworks plus efficaces que je pourrais explorer ?Ou des ressources vers lesquelles vous pourriez m'orienter ?YUI semble être un concept intéressant… le chargeur a-t-il été testé avec colère ?Ça va ?

Toute réflexion sera apprécié.

Acclamations.

modifier: Désolé, je n'ai pas été clair.Les performances du site sont actuellement plutôt bonnes, nous ne procédons pas à une refonte en raison de problèmes de performances, mais à cause d'un changement de marque.Nous voulions simplement profiter de l’occasion pour passer en revue les meilleures pratiques.

Answer 1

Je préfère YUI3 pour les grandes applications et à peu près partout que « la charge à la demande » peut offrir des avantages :)

Je suis d'accord que la plupart du temps de ralentissement proviennent comment vous mettre en œuvre votre application, qui est l'un des avantages, IMHO, de YUI, elle se prête naturellement vers des implémentations plus modulaires.

Utilisation du chargeur de Yui pour apporter des éléments de page de widgets de style permet une bonne réutilisation de code (et la mise en cache) et laisser le voir utilisateur « quelque chose » plus rapide.

Il résoudra pas vraiment vos problèmes JS annonces mais, pour cela, la meilleure chose que vous pouvez faire est de le charger comme, et peut-être regarder près du bas de la page que possible à ce que les options de chargement des AdServer ont.

Re: Commentaire de Stephen Eh bien, la vitesse brute pour les boucles serrées sont parfois significatives, parfois pas. Il y a aussi la question des mises en œuvre utilisées pour la comparaison, le code YUI3 affiché dans la version Ejohns apparence positive guipés par rapport au code jQuery, regard fx au premier. Où jQuery ajoute presque l'élément DOM complet à partir d'une chaîne en YUI3 va à travers toutes sortes de cerceaux, relativement parlant.

Pour une version qui est écrit par quelqu'un qui sait YUI3 jeter un oeil à http: / /yuilibrary.com/~msweeney/yui-tests/taskspeed/ le plus récent jquery n'est pas représenté, mais il a YUI3 que ~ 4 fois plus rapide que l'ensemble jquery 1.3.2 dans mon Chrome.

Mise à jour

http://www.yuiblog.com/blog/2010/10/27/jquery-and-yui-3-a-tale-of-two-javascript-libraries/ un utilisateur jquery expérience de yui3.

Answer 2

jQuery 1.4.2 est maigre et signifier.Vous aurez du mal à trouver quelque chose de plus rapide ou de plus léger.

A titre d'exemple, voici un test de framework appelé vitesse lisse à partir de mootools.Il teste la capacité d'un framework à trouver des éléments dans le DOM.La version de jQuery testée est la 1.2.6.En fonction de votre navigateur, jQuery fonctionne exceptionnellement bien.Dans mon navigateur Chrome, jQuery a battu tous les autres avec un temps total de 20 millisecondes.

Et depuis la version 1.2, jQuery a connu des améliorations étonnantes en termes d'optimisation et de vitesse, notamment avec la version 1.4.

Cela dit, un framework ne vous permettra pas de mieux coder.Vous pouvez écrire des scripts très lents en utilisant n'importe quel framework, y compris jQuery.

Toutefois, si vous écrivez du code optimisé, jQuery peut être si rapide que vous ne le remarquez même pas.

Le commentaire de Pointy ci-dessus est parfait.Tout ce que ces gars font toute la journée, c'est se demander comment être plus performants.C'est donc assez optimisé.

Addenda

Ceci vient du blog de jQuery :

Bien que des benchmarks complets comme Taskspeed puissent être intéressants s'ils sont déconstruits en sous-tests individuels pour une étude plus approfondie, en tant que projet, nous avons tendance à éviter de les utiliser comme mesure précise des performances réelles et globales de la bibliothèque.Compte tenu du nombre d’aspects qui composent une bibliothèque, sans parler des différentes techniques qu’elles proposent, les résultats cumulés reflètent rarement la manière dont un utilisateur réel peut utiliser une bibliothèque.

Alors, prenez cela comme vous le feriez.

Answer 3

Probablement le meilleur endroit pour commencer est de ne pas demander à ce que les cadres peuvent aider, mais pourquoi votre site actuel a mauvaise performance. Je commencer avec des outils comme YSlow de Yahoo et aussi dynaTrace édition ajax. DynaTrace est agréable car il vous indiquera javascript / dom choses Manip qui font vos pages lentes. Vous voulez utiliser plus que deux outils de performance bien car ils ont tous à peu près leur propre idée est sur ce qui fait une page rapide. Une fois que vous avez cette baisse alors je viendrais dans un forum et que votre état ayant des problèmes de performance avec X et que puis-je faire pour y remédier.

Answer 4

vapor.js est le plus petit et le plus rapide bibliothèque javascript du monde

http://vaporjs.com/

Answer 5

Je pense que vous devriez jeter un oeil à zepto.js

http://zeptojs.com/

cet article vous donne quelques conseils pour le portage de votre code jquery

http: //blog.pamelafox. org / 2012/03 / portage-jquery-plugins-à-zepto-tips.html

Answer 6

jQuery est léger beaucoup si codé correctement. Cela ressemble à quel cadre vous utilisez est pas le problème, mais soit a) pourquoi le javascript votre écriture effectue lentement, ou b) pourquoi vous utilisez tant d'annonces de chargement lent pour commencer.

Mais si vous voulez vraiment regarder dans d'autres cadres, voici un tableau comparatif pratique: Comparaison des JavaScript cadres

Answer 7

Je viens d'écrire une application interne pour notre entreprise en utilisant jquery et jquery UI (http://jqueryui.com/), mélangé avec c #. Je l'ai trouvé extrêmement maigre et rapide -. Aucun problème

jquery ui le rend facile à thème le site ...

et en ajoutant d'autres composants comme BlockUI, jgrowl, etc, vous devriez être capable de faire tout ce que vous voulez!

Answer 8

Sprint est une petite, alternative rapide. Consultez la prise en pension de repères sur quelques fonctions, par rapport aux versions récentes de jQuery et Zepto.