Zlepšiť výkon nášho kódu jQuery

Vždy som našiel zaujímavý článok, a akékoľvek diskusie o tom, ako urobiť kód efektívnejšie.
Vždy som informovaný zakaždým, keď som sa ocitol pred sebou nový jazyk, pred PHP, Java a potom sa s jQuery rámca. Je to nielen pre optimalizáciu odozvy, alebo len preto, aby užívateľa rýchlejšie a zábavnejšie.
Prečítajte si, ako optimalizovať kód, sa odráža aj na kvalite kódu, niečo ku ktorému som sa vždy držal.
Myslím, že je potrebné myslieť na prácu ako programátor na to remeselník, náš produkt je artefakt, a ako taká môže byť viac alebo menej rafinované.
Existuje mnoho spôsobov, ako dosiahnuť rovnaký výsledok, ale niektorí sú lepšie ako ostatné, aj keď nie u všetkých projektov je nevyhnutné venovať pozornosť výkonu, vždy použite správny prístup, bude užitočné v čase núdze.
Existuje veľa online zdrojov o optimalizácii jQuery, niekoľko tipov, ktoré sú všadeprítomné, ďalšie akademikmi, iné sa zdajú protikladné, potom sme si trochu poriadok a druhého zoznamu taktiež podpísali priamu skúseností z najlepších postupov, ktoré sa nemôže vzdať.

Používať najnovšiu verziu tohto rámcového

Nebojte sa ísť do novej verzie jQuery, je spätná kompatibilita zaručená a každá ďalšia verzia prináša výrazné zlepšenie výkonu s prepis časti jadra a znateľné zlepšenie v najčastejšie používané funkcie. Iba jeden uvoľnenie do ďalšieho niektoré funkcie času hovorí o popravách znižuje na 50%. Pozrite sa na obrázok nižšie:

Použite skratku DOM ready

Namiesto toho, aby:

 



 $ (Document). Ready (function () {/ * logické * /})

 

ušetriť bajtov pomocou jeho zástupcu:

 



 $ (Function () {/ * logické * /});

 

S odkazom na zaťaženie logiku okna

Nie je nutné zapisovať všetko, čo v dokumente pripravený. Delegáti z logiky vykonať zaťaženie okna. Napríklad, väzba kliknutím na tlačítko na konci dlhej formy odpočinku a čakať, až bude definované.

 $ (Function () {



  



 / / # Logiku







 });







 $ (Okno). Load (function () {



  



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



    



 / / # Táto logika nadviazať tlačidlo



  



 });







 });

Minificare skripty

Po prvé, navrhujem, aby inštaláciu na Firefox (ako addon Firebug ) a plugin na Google Page Rýchlosť Chrome, ktorý nájdete tu . To užitočných nástrojov, rovnako ako poskytnúť všeobecné rady k zlepšeniu výkonu vášho stránka hodnotné funkcie: minificata verzia ponúka všetky skripty, ktoré nájdete vo vnútri. To tiež robí pre CSS a tiež poskytuje optimalizované verzie obrazov, ale poďme zamyslieť sa nad našou ťažkú ​​jQuery, prikladám dva screenshoty nižšie vysvetliť lepšie ako tisíc slov, to, čo robíte:

Google Page rýchlosť, ako je uvedené v Firebug:

Kliknutím na tlačidlo Uložiť ako minificata získať verziu scenára:

Minificare jednotlivých skriptov na stránke, môžete si ušetriť niekoľko desiatok KB na stiahnutie.

• <<
• 1
• 2
• >>