Wir beginnen gerade mit der Neugestaltung unserer Website und untersuchen alle Möglichkeiten zur Verbesserung der Leistung. Die Website ist ziemlich schwer in Javascript geladen Anzeigen, daher müssen wir wirklich schlank mit dem Javascript wir verwenden.
Hat jemand von euch Erfahrung mit leichteren Frameworks oder effizienteren Frameworks, die ich erforschen könnte? Oder irgendwelche Ressourcen, auf die Sie mich hinweisen könnten? YUI sieht wie ein interessantes Konzept aus ... hat der Lader im Zorn getestet? ANy gut?
Irgendwelche Gedanken würden geschätzt werden.
Prost.
bearbeiten: Sorry, mir war nicht klar. Die Leistung der Website ist derzeit ziemlich gut, wir werden aufgrund von Leistungsproblemen nicht neu gestaltet, sondern aufgrund eines Rebrandings. Wir wollten nur die Gelegenheit nutzen, Best Practices zu überprüfen.
Ich bevorzuge YUI3 für größere Apps und praktisch überall, wo "nach Bedarf laden" Vorteile bieten kann :)
Ich stimme zu, dass Verlangsamungen hauptsächlich davon herrühren, wie Sie Ihre App implementieren, was einer der Vorteile von YUI ist, der sich natürlich für modularere Implementierungen anbietet.
Die Verwendung des yui-Loaders zum Einbinden von Seitenelementen im Widget-Stil ermöglicht eine gute Wiederverwendung von Code (und Caching) und ermöglicht es dem Benutzer, "etwas" schneller zu sehen.
Es wird Ihre JS-Anzeigenprobleme nicht wirklich lösen, aber das Beste, was Sie tun können, ist, es so weit wie möglich am unteren Rand der Seite zu laden und vielleicht zu sehen, welche Ladeoptionen die Adserver haben.
Re: Stephens Kommentar Nun, rohe Geschwindigkeit für enge Schleifen ist manchmal sinnvoll, manchmal nicht. Es gibt auch das Problem der Implementierungen, die für den Vergleich verwendet werden, der YUI3-Code, der in der Ejohns-Version gepostet wird, sieht im Vergleich zum jQuery-Code positiv gimped aus, schaue fx auf den ersten. Wo jQuery fast das komplette DOM-Element aus einer Zeichenkette hinzufügt, während YUI3 durch alle Arten von Ringen geht, relativ gesehen.
Für eine Version, die von jemandem geschrieben wurde, der YUI3 kennt, schauen Sie sich Ссылка die neueste JQuery an ist nicht vertreten, aber es hat YUI3 als ~ 4 mal schneller als jQuery 1.3.2 in meinem Chrome.
Ссылка eine jquery Benutzererfahrung von yui3.
jQuery 1.4.2 ist schlank und bedeutet . Sie werden es schwer haben, etwas schneller oder leichter zu finden.
Als Beispiel hier ein Framework-Test namens slickspeed von mootools. Es testet die Fähigkeit eines Frameworks, Elemente im DOM zu finden. Die Version von jQuery, die getestet wird, ist 1.2.6. Je nach Browser funktioniert jQuery sehr gut. In meinem Chrome-Browser hat jQuery alle anderen mit einer Gesamtzeit von 20 Millisekunden geschlagen.
Und seit Version 1.2 hat jQuery erstaunliche Verbesserungen in der Optimierung und Geschwindigkeit, insbesondere mit 1.4.
Das heißt, ein Framework wird Sie nicht besser programmieren lassen. Sie können einige sehr langsame Skripts mit einem beliebigen Framework schreiben, einschließlich jQuery.
Wenn Sie jedoch optimierten Code schreiben, kann jQuery so schnell sein, dass Sie es nicht einmal bemerken.
Pointys Kommentar oben ist genau richtig. All diese Jungs machen den ganzen Tag darüber nach, wie sie besser arbeiten können. Es ist also ziemlich optimiert.
Nachtrag
Dies stammt aus jQuerys Blog:
Während umfassende Benchmarks wie Tasspeed interessant sein können, wenn sie in einzelne Untertests für weitere Studien dekonstruiert werden, neigen wir dazu, als ein Projekt davon abzusehen, sie als ein genaues Maß für die wahre, allgemeine Bibliotheksleistung zu verwenden. Wenn man bedenkt, wie viele Aspekte eine Bibliothek ausmachen, ganz zu schweigen von den verschiedenen Techniken, die sie bieten, spiegeln die kumulativen Ergebnisse selten wider, wie ein tatsächlicher Benutzer eine Bibliothek benutzen kann.
Nimm das so, wie du willst.
Wahrscheinlich ist der beste Ausgangspunkt, nicht zu fragen, welche Frameworks Ihnen helfen können, aber warum Ihre aktuelle Site eine schlechte Performance hat. Ich würde mit Tools wie Yahoos YSlow und Dynatrace Ajax Edition beginnen. Dynatrace ist nett, weil es auf javascript / dom manip Sachen hinweist, die Ihre Seiten langsam machen. Sie werden jedoch mehr als nur zwei Performance-Tools verwenden wollen, da sie alle ihre eigenen Ideen haben, was eine Seite schnell macht. Sobald Sie das haben, dann würde ich in ein Forum kommen und sagen, dass Sie Leistungsprobleme mit X haben und was ich tun kann, um zu beheben.
dump.js ist die kleinste und schnellste JavaScript-Bibliothek der Welt
jQuery ist viel leichter, wenn es richtig codiert ist. Es klingt wie das Framework, das Sie verwenden, ist nicht das Problem, aber entweder a) warum das Javascript, das Ihr Schreiben langsam ausführt, oder b) warum Sie so viele langsam ladende Anzeigen verwenden, damit anzufangen.
Aber wenn Sie wirklich in andere Frameworks schauen möchten, finden Sie hier eine praktische Vergleichstabelle: Vergleich von JavaScript-Frameworks
Ich habe gerade eine interne App für unsere Firma geschrieben, die jquery und jquery UI (http://jqueryui.com/) verwendet, gemischt mit c #. Ich fand es extrem schlank und schnell - überhaupt keine Probleme.
die jquery ui macht es einfach, die Website zu gestalten ...
und durch das Hinzufügen anderer Komponenten wie blockui, jgrowl usw. können Sie alles tun, was Sie wollen!
Sprint ist eine kleine, schnelle Alternative. Sehen Sie sich das Repo für Benchmarks einiger Funktionen an, verglichen mit den letzten Versionen von jQuery und Zepto.
Tags und Links javascript jquery performance yui3