JavaScript: Performans İpuçları

Eğitim, Javascript Dersleri

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:

1

2

3

for(i=0;i<listem.length;i++){

//Döngü Bloğu

}

Temiz Kod:

1

2

3

4

var say=listem.length;

for(i=0;i<say;i++){

//Döngü Bloğu

}

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:

1 2	var obj=document.getElementById("IDname"); obj.innerHTML="Merhaba";

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

1

2

3

4

5

6

7

var name= "Kamil";

var surname="ERSÖNMEZ";

//kodlar.

//kodlar..

//yine kodlar...

var fullname=name + " " + surname;

document.getElementById("IDName").innerHTML=fullname;

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

1

2

3

4

5

6

var name= "Kamil";

var surname="ERSÖNMEZ";

//kodlar.

//kodlar..

//yine kodlar...

document.getElementById("IDName").innerHTML=name + "" + surname;

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.

JavaScript kısa kod yazma, JavaScript kodları nereye yazılmalı, JavaScript püf noktaları, JavaScript temiz kod yazma, Length fonksiyonu

17 Mart 2022

Diğer Yazılarımız

Tüm Yazılarımız

C++’ın İşlemci Performansını En Üst Düzeye Çıkardığı Alanlar

C++, düşük seviye sistem kontrolü ve yüksek performans sunan bir…

PHP: Bilgisayarınızda PHP Çalıştırmak

PHP Derleyicisi ve Sunucu Yazılımı Bilgisayarınızda PHP programlama dilini çalışır…

PHP: Döngüler

Konuya hiç beklemeden bir örnekle başlayalım. Ekranda alt alta “Paint…

Nöromorfik Animasyonlu Buttonlar

Butonların üzerine fare ile gelindiğinde farklı animasyon ve efektlerin oluşmasını…

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?

İletişime geç

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.

Hizmetlerimiz

Tüm Yenilik ve Kampanyalardan Haberdar Ol

Önceki Yazımız

Tüm Yazılarımız

Sonraki Yazımız

No Comments

JavaScript: Performans İpuçları

Diğer Yazılarımız

C++’ın İşlemci Performansını En Üst Düzeye Çıkardığı Alanlar

PHP: Bilgisayarınızda PHP Çalıştırmak

PHP: Döngüler

Nöromorfik Animasyonlu Buttonlar

Soru işareti kalmasın

Hizmetlerimiz

Tüm Yenilik ve Kampanyalardan Haberdar Ol

Son Yazılar

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