Verbessern Sie die Leistungsfähigkeit unserer Code jQuery

Ich habe immer interessanter Artikel, und jede Diskussion, wie man den Code effizienter gefunden.
Ich habe immer jedes Mal, dass ich mich vor einer neuen Sprache, vor PHP, dann Java und dann mit dem jQuery Framework gefunden informiert. Es ist nicht nur die Reaktionszeiten zu optimieren, oder nur, um die User Experience schneller und ansprechender.
Erfahren Sie, wie die Optimierung der Code auch auf die Qualität des Codes selbst, etwas, auf das ich mich immer gehalten haben wider.
Ich denke, es ist notwendig, um der Arbeit als Programmierer, dass der Handwerker zu denken, ist unser Produkt ein Artefakt und als solche kann mehr oder weniger raffiniert.
Es gibt viele Wege, um dasselbe Ergebnis zu erreichen, aber einige sind besser als andere, aber nicht für alle Projekte ist wichtig, aufmerksam zu sein, um die Leistung, immer ein guter Ansatz, wird es sinnvoll sein, in Zeiten der Not.
Es gibt viele Online-Ressourcen auf die Optimierung von jQuery, einige Tipps allgegenwärtig, andere Akademiker sind, andere widersprechen scheinen, dann tun wir ein wenig Ordnung und die zweite Liste unterzeichnete auch die direkte Erfahrung von Best Practices, die wir nicht verzichten können.

Verwenden Sie die neueste Version des Frameworks

Scheuen Sie sich nicht auf die neue Version von jQuery zu gehen, ist die Abwärtskompatibilität gewährleistet und jedem Release bringt wesentliche Verbesserungen in der Leistung mit dem Umschreiben von Abschnitten des Kerns und spürbare Verbesserungen in der am häufigsten verwendeten Funktionen. Nur einer Version zur nächsten für einige Funktionen der Zeit reden Hinrichtungen auf 50% reduziert. Werfen Sie einen Blick auf die Abbildung unten:

Verwenden Sie die Verknüpfung zu dem DOM bereit

Anstelle von:

 



 $ (Document). Ready (function () {/ * Logik * /})

 

sparen einige Bytes durch seine Verknüpfung:

 



 $ (Function () {/ * Logik * /});

 

Unter Bezugnahme auf die Logik-Fenster zu laden

Es ist nicht nötig, alles in das Dokument fertig zu schreiben. Die Delegierten der Logik zur Durchführung der Beladung des Fensters. Zum Beispiel kann die Bindung der Klick auf eine Schaltfläche am Ende eines langen Form entspannen und warten definiert werden.

 $ (Function () {



  



 / / # Die Logik hier







 });







 $ (Fenster). Load (function () {



  



 $ ("ButtonID"). Click (function () {



    



 / / # Diese Logik, um die Schaltfläche zu binden



  



 });







 });

Minificare Skripte

Zunächst schlage ich vor, dass Sie auf Ihrem Firefox (als Addon installieren FireBug ) und das Plugin auf Ihrem Google Chrome-Speed ​​Seite, die Sie finden hier . Dieses nützliche Tools sowie allgemeine Ratschläge geben, die Leistung Ihrer Seite hat eine wertvolle Funktion zu verbessern: minificata Version bietet alle Skripte, die Sie finden im Inneren. Auch hat es für CSS und bietet optimierte Versionen der Bilder, aber lasst uns auf unsere schweren jQuery zu reflektieren, lege ich zwei Screenshots unten besser erklären als tausend Worte, was Sie tun:

Google Page Speed, wie es in Firebug angezeigt wird:

Mit einem Klick auf Speichern unter minificata erhalten die Version des Skripts:

Minificare jeder der Skripts auf der Seite, die Sie ergreifen können, um Dutzende von KB speichern zum Download bereit.

• <<
• 1
• 2
• >>