Bizim kod jQuery performansını artırmak

Ben her zaman ilginç bir yazı, ve kod daha verimli hale nasıl herhangi bir tartışma buldum.
Ben her zaman kendimi önce sonra PHP, Java ve sonra jQuery çerçevesi ile, yeni bir dil karşı karşıya bulunan her zaman bilgi var. Bu tepki süresini arttırmak için değil, ya da sadece kullanıcı deneyimini daha hızlı ve daha çekici yapmak için.
Kodunuzu da kod boyanın kalitesi, hep tuttu, bir şeyler yansır nasıl optimize edeceğinizi öğrenin.
Ben usta buna bir programcı olarak çalışmaya düşünmek gerekli olduğunu düşünüyorum, ürün bir eserdir ve bu nedenle, az ya da çok ince olabilir.
Orada aynı sonucu elde etmek için birçok yolu vardır, ama bazıları diğerlerinden daha iyi olsa da tüm projeler için performans için dikkatli olmak önemli değil, her zaman iyi bir yaklaşım kullanmak, o yoklukta faydalı olacaktır.
JQuery optimizasyonu birçok çevrimiçi kaynak vardır, bazı ipuçları her yerde, diğer akademisyenler, diğerleri çelişkili gibi görünüyor, o zaman biraz düzen ve ikinci liste de biz pes olamaz en iyi uygulamaların doğrudan deneyim imzalanmalıdır.

Çerçevesinde en son sürümünü kullanın

JQuery yeni sürümü gitmek için korkmayın, geriye dönük uyumluluk garanti ve her sürüm en çok kullanılan işlevleri çekirdek ve algılanabilir gelişmelerin bölümleri yeniden yazma performansı önemli gelişmeler getiriyor. Infaz hakkında konuşurken zaman bazı işlevler için bir sonraki sadece bir sürüm% 50 düşürüldü. Aşağıdaki resimde bir göz atın:

DOM hazır için kısayol kullanma

Yerine:

 



 $ (Belge). Hazır (function () {* / / * mantık})

 

onun kısayolunu kullanarak bazı byte kazanmak:

 



 $ (Function () {/ * mantık * /});

 

Mantık pencere yük atıfta

Bu hazır belgede her şeyi yazmak için gerekli değildir. Mantık delegeleri penceresinin yükleme yapmak için. Örneğin, uzun bir formun sonunda bir tıklama bağlayıcı dinlenmek ve belirlenecek bekleyebilirsiniz.

 $ (Function () {



  



 / / Burada # mantığı







 });







 $ (Pencere). Yükü (function () {



  



 $ ("ButtonID"). Tıklayınız (function () {



    



 / / Düğmesine bağlamak için # Bu mantık



  



 });







 });

Minificare komut

Birincisi, size Firefox (addon olarak yüklediğiniz öneririz kundakçı ) ve bulduğunuz Google Chrome Hız Page eklenti burada . Bu yararlı araçlar hem de sayfanızın performansını değerli bir özelliği vardır geliştirmek için genel bir öğüt vereceğim: minificata sürümü içinde bulduğunuz tüm komut sunuyor. Ayrıca CSS için yapar ve aynı zamanda görüntülerin uygun versiyonları sağlar, ama bize ağır jQuery üzerinde düşünmek izin, aşağıda iki ekran ne yapmanız bin kelime, daha iyi açıklamak eklemek:

Bu kundakçı göründüğü gibi Google sayfa hızı:

Minificata komut sürümünü almak gibi tasarruf tıkladığınızda:

Yüklemek KB onlarca kurtarmak için gerçekleştirebileceğiniz Minificare sayfadaki komut her.

• <<
• 1
• 2
• >>