JavaScript: Performans İpuçları

Döngüleri oluştururken listem adında bir diziniz olsun. Bu dizinin boyutunu Length fonksiyonu ile bulabilirsiniz. Bu fonksiyonu dizi içinde kullanmak kodunuzu yavaşlatabilir. Çünkü her seferinde dizi uzunluğunun hesaplanması gereksiz bir işlem olacaktır. Yerel bir değişken açıp uzunluğu saklayıp, bu uzunluk değerini döngüde kullanabilirsiniz.

Kötü Koda Örnek:

Temiz Kod:

DOM bir ağaç yapısıdır ve her seferinde bu ağaç yapısını dolaşmak zaman kaybı olabilir. Bunun yerine işlem yapılacak etiket bir kez bir değişken içine alınır ve defalarca kullanılır.

Temiz Kod:

Ayrıca web sayfanızın boyutunun DOM’u etkileyeceğini unutmayın. Ne kadar az karmaşa o kadar az problem demektir.

Temiz Kod: Gereksiz atamasını kaldırıyoruz.

Script yüklemesini geciktirmeliyiz. Bunun için mümkün oldukça script kodlarınızı sayfanın en sonuna yazmalıyız. Bu sayede tüm sayfa yüklenir ve ardından scriptler çalışır. Çünkü tarayıcılar satır satır kodu çalıştırmaktadırlar. Aksi takdirde kullanıcı tüm sayfaların yüklenmesini beklemek durumda kalacaktır.

Diğer Yazılarımız

Tüm Yazılarımız
JavaScript Performans İpuçları

Soru işareti kalmasın

Bu yazı hakkında aklınıza takılanlar, bir fikriniz belkide şikayetiniz vardır. Yada yazımızda hatalar olduğunu düşünüyor olabilirsiniz. Peki neden bize ulaşmayı düşünmeyesiniz ki?

Hizmetlerimiz

Binlerce müşterimizin yararlandığı 100'e yakın hizmetlerimizden sizlerde yararlanabilirsiniz. Onlarca ücretsiz web hizmeti ve profesyonel destekle sizleri daima daha ileriye taşımayı hedefliyoruz.

Tüm Yenilik ve Kampanyalardan Haberdar Ol

Yazı hakkında ne Düşünüyorsunuz?