JavaScript performansını iyileştirmek için ipuçları

Tarayıcı, her bir işlevi çağırdığınızda kapsamı aramalıdır ve değişken artışa kapsam sayısıyla erişmek için gereken süreyi arar. Sonuç olarak, yerel değişkenlere erişmek, küresel değişkenlere erişmekten daha az zaman gerektirir. JavaScript yazarken, mümkün olduğunda değişkenlerinizi yerel olarak tanımlamaya çalışın. Kodlama işlemini hızlandırın Mümkün olduğunca çok kodlama işlemi hakkında konuşurken her zaman yapılması gereken bir yoldur ve her zaman karmaşık olması gerekmez. Sürekli olarak kullanılan kod için kısayollar yaparak başlayın, böylece daha uzun komut dosyaları kodu daha hızlı hale getirir ve tüm işlem boyunca zamandan tasarruf sağlar.
JavaScript performansını iyileştirmek için DOM Fragment Manipülasyon Elemanı’na eklemeden önce öğeleri değiştirin ve DOM’a öğeler eklemeden önce tüm ayarlamaların yapıldığından emin olun. İşlevinizi MouseUp olaylarıyla bağlayın Fareup olayından sonra etkinleştirilen tıklayın, böylece işlevselliğinizi fareup ile bağlamak ve bazıları hızlı fare tıklamaları ise etkileşimin kaçırılmamasını sağlayarak ekstra performansta hafif bir iyileşme elde etmek. Önbellek nesneleri, programlamaya alışkınsanız, komut dosyasının belirli nesnelere tekrar tekrar eriştiğini bilebilirsiniz. Nesnenizi önbelleğe alırsanız, belirli bir değişkene kaydedeceksiniz ve daha sonra performansı önemli ölçüde artıracak nesneye bir sonraki referansta kullanıcı tarafından belirtilen değişkeni kullanmaya devam edeceksiniz. Orijinal yapıyı ve işlevini kullanın kendi algoritmanızı yazabilirsiniz. , ancak orijinal işlevleri kullanmak ve inşaat daha güvenli yollardır. Ecmascript tarafından sağlanan tüm yararlı işlevleri görün ve birçok seçenek olduğunu göreceksiniz.
Async öznitelikleri ve erteleme komut dosyası öğelerinin iki özelliği vardır: Async ve erteleme. Varsa, JavaScript, komut dosyasının alınması ve yürütülebilmesi için HTML’nin ayrışmasına müdahale eder. Async öznitelikleri, komut dosyalarının eşzamansız olarak yürütülebileceğini göstermek için kullanılır. Ancak, Async yalnızca dışarıda bulunan senaryo dosyaları için kullanılabilir. DeFer özniteliği, HTML belgesi tamamen açıklandıktan sonra komut dosyasını yürütmek için tarayıcıyı gösterir.
Küçük ve temiz kodla ilgilen

Uygulama performansının çok önemli olduğu cep telefonlarını ve/veya tabletlerini giderek daha fazla kullanır, bu da kodunuzu mümkün olduğunca küçük ve temiz tutmanın ana nedenlerinden biridir. Gecikmeyi azaltmak ve hızlandırmak, JavaScript kodu yaparken her geliştirici tarafından hatırlanması gereken bir şeydir. Bu nedenle, kısa bir kod yapmaktan her sapmadığınızda, her zaman kendinize bunu yapmanın daha basit bir yolu olup olmadığını ve varsa – sonunda, ele alınması gereken yönü seçmekten mutluluk duyacaksınız. En son HTTP protokol monitörünü kullanın ve HTTP’nin yeni sürümüne tanıtılan güncelleme ve iyileştirmeye devam edin. Şu anda en son HTTP/2’dir ve sadece JavaScript performansınızı iyileştirmekle kalmayacak, aynı zamanda kullanmayı düşünmelisiniz, ancak Ayrıca web sitenizi büyük ölçüde hızlandıracak. Harika yeni özelliklerden biri, aynı anda birkaç istek ve yanıtın gönderilmesine izin veren çoğullama. Mantıksal olarak, her geliştiricinin amacı olan genel olarak sitenizi hızlandıracaktır. Sıkıştırma kullanın Her zaman JavaScript dosyanızı sıkıştırın, çünkü bu şekilde performans artacak ve kullanıcılar varlıkları daha hızlı indirebilir. Brotli veya GZIP gibi yöntemleri kullanmayı düşünün.
JavaScript performansınızı iyileştirmek istiyorsanız, çok fazla yükleme süresi ekleyen şeyleri sınırlamak veya tam olarak önlemek için mümkün olan herhangi bir zamanda kütüphane bağımlılığından kaçının. Mümkünse sınırlı veya hatta kaçınılması gereken şeylerden biri kütüphane bağımlılıklarıdır. Harici bir kütüphanede, tarayıcıdaki teknolojiye daha fazla güvenmek anlamına gelir. Kütüphanenizde yalnızca 1 özelliğiniz varsa, ayrı ayrı ekleyin. Ayrıca, karmaşık CSS seçmenlerine ihtiyacınız varsa jQuery yerine Sizzle.js kullanmaya çalışın. Daha kısa kapsam, yerel ve küresel değişkenler ve mümkün olduğunda yerel değişkenleri kullanmanın neden daha iyi olduğu hakkında konuşulur. Global değişkeni kullandığınızda, kapsam zincirine binmek daha fazla zaman alır, böylece daha kısa kapsam zincirini mümkün olduğunda daha kısa kesmeniz gerekir. Geliştirici deneyiminde gereksiz döngülerden kaçının, çok fazla tekrarlama iyi bir şey olmadığını kanıtlamamıştır. Döngü dışında mümkün olduğunca çok çalışmayı tamamlamaya çalışmalısınız, çünkü ne kadar az tekrar ederseniz, o kadar hızlı döngünüz. Gereksiz döngüler tarayıcınızı yükleyecek ve tüm işlemi yavaşlatacaktır.