JavaScript: Performans İpuçları
- 17 Mart 2022
- 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.
- 17 Mart 2022
- Paint Yazılım
Diğer Yazılarımız
Tüm YazılarımızSoru 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
Son Yazılar
- Büyük Veri ile Tüketici Davranışlarının Tahmini 13 Aralık 2024
- Bulut Bilişim (Cloud) ile Maliyet Azaltan Şirketler 12 Aralık 2024
- Ağ Güvenliğinde Sektörel Trendler ve Öne Çıkan Teknolojiler 12 Aralık 2024