JavaScript Hızlandırma

Yazılan JavaScript komutlarını hızlandırmak için kullanılan ve dikkat edilmesi gereken kurallar yer alıyor.

JavaScript kodlarının daha hızlı çalışması için dikkat edilmesi gereken çeşitli kurallar vardır.

Döngü işlem sayısını azaltın

Döngüler tekrar eden işlemler için kullanılır.

Döngü deyimleri her bir döngü adımında yazılan kodları tekrar çalıştırır.

Döngü dışında değişken oluşturmak ve değer atamak döngülerin daha hızlı çalışmasını sağlar.

<script>
  var liste = ["Elma", "Armut", "Portakal"];
  for(var i = 0; i < liste.length; i++) {
    alert(liste[i]);
  }
</script>

Yerine aşağıdaki gibi kullanmak döngünün her adımında dizi uzunluğu hesabı yapılmayacaktır ve daha hızlı çalışacaktır.

<script>
  var liste, i, listeUzunluk;
  liste = ["Elma", "Armut", "Portakal"];
  listeUzunluk = liste.length;
  for(i = 0; i < listeUzunluk; i++) {
    alert(liste[i]);
  }
</script>

DOM erişimini azaltın

HTML nesnelerine (DOM) erişim diğer JavaScript kodlarına göre daha yavaş çalışır.

Bir DOM nesnesine birden fazla erişmek yerine erişilen nesneyi bir değişkene atayarak kodların daha hızlı çalışmasını sağlayabilirsiniz.

<script>
  var nesne = document.getElementById("nesne");
  nesne.innerHTML = "Merhaba JavaScript";
</script>

Gereksiz değişken kullanımını azaltın

Kullanmayacağınız sadece değer atayacağınız değişkenleri kullanmayın.

<script>
  var adi = "Yusuf SEZER";
  document.getElementById("nesne").innerHTML = adi;
</script>

Yerine aşağıdaki gibi kullanmak gereksiz değişken kullanımının önüne geçecektir.

<script>
  document.getElementById("nesne").innerHTML = "Yusuf SEZER";
</script>

JavaScript kod dosyasını sayfa yüklendikten sonra yükleyin

Tarayıcılar sayfayı yukarıdan aşağıya doğru indirmeye başlar.

Dosyalar yukarıdan aşağıya sırayla indirilir.

İndirme sonrasında tarayıcı JavaScript kodlarını çalıştırır.

Bu da zaman kaybına neden olur.

JavaScript kod dosyalarını HTML kodlarının en altına yerleştirerek sayfanın daha hızlı açılmasını sağlayabilirsiniz.

JavaScript with deyimini kullanmayın

JavaScript with deyimi kodların yavaş çalışmasına neden olur.

Ayrıca JavaScript Use Strict tanımında with kullanımına izin verilmez.

JavaScript Derslerine buradan ulaşabilirsiniz…

Hayırlı günler dilerim.