Zlepšit výkon našeho kódu jQuery

Vždycky jsem našel zajímavý článek, a jakékoli diskuse o tom, jak udělat kód efektivnější.
Vždycky jsem informován pokaždé, když jsem se ocitl před sebou nový jazyk, před PHP, Java a pak se s jQuery rámce. Je to nejen pro optimalizaci odezvy, nebo jen proto, aby uživatele rychlejší a zábavnější.
Přečtěte si, jak optimalizovat kód, se odráží i na kvalitě kódu, něco ke kterému jsem se vždy držel.
Myslím, že je nutné myslet na práci jako programátor k tomu řemeslník, náš produkt je artefakt, a jako taková může být více nebo méně rafinované.
Existuje mnoho způsobů, jak dosáhnout stejného výsledku, ale někteří jsou lepší než ostatní, i když ne u všech projektů je nezbytné věnovat pozornost výkonu, vždy použijte správný přístup, bude užitečné v době nouze.
Existuje mnoho online zdrojů o optimalizaci jQuery, několik tipů, které jsou všudypřítomné, další akademiky, jiné se zdají protikladné, pak jsme si trochu pořádek a druhého seznamu také podepsali přímou zkušeností ohledně osvědčených postupů, které se nemůže vzdát.

Používat nejnovější verzi tohoto rámcového

Nebojte se jít do nové verze jQuery, je zpětná kompatibilita zaručena a každá další verze přináší výrazné zlepšení výkonu s přepis části jádra a znatelné zlepšení v nejčastěji používané funkce. Pouze jeden uvolnění do dalšího některé funkce času mluví o popravách snižuje na 50%. Podívejte se na obrázek níže:

Použijte zkratku DOM ready

Místo toho, aby:

 



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

 

ušetřit bajtů pomocí jeho zástupce:

 



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

 

S odkazem na zatížení logiku okna

Není nutné zapisovat vše, co v dokumentu připraven. Delegáti z logiky provést zatížení okna. Například, vazba kliknutím na tlačítko na konci dlouhé formy odpočinku a čekat, až bude definováno.

 $ (Function () {



  



 / / # Logiku







 });







 $ (Okno). Load (function () {



  



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



    



 / / # Tato logika navázat tlačítko



  



 });







 });

Minificare skripty

Za prvé, navrhuji, aby instalaci na Firefox (jako addon Firebug ) a plugin na Google Page Rychlost Chrome, který najdete zde . To užitečných nástrojů, stejně jako poskytnout obecné rady ke zlepšení výkonu vašeho stránka hodnotné funkce: minificata verze nabízí všechny skripty, které najdete uvnitř. To také dělá pro CSS a také poskytuje optimalizované verze obrazů, ale pojďme zamyslet se nad naší těžkou jQuery, přikládám dva screenshoty níže vysvětlit lépe než tisíc slov, to, co děláte:

Google Page rychlost, jak je uvedeno v Firebug:

Kliknutím na tlačítko Uložit jako minificata získat verzi scénáře:

Minificare jednotlivých skriptů na stránce, můžete si ušetřit několik desítek KB ke stažení.

• <<
• 1
• 2
• >>