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.