Nasıl JavaScript kodu hızlandırmak için.
Loops Etkinliklerini azaltın
Döngüler genellikle programlamada kullanılır.
Içeren bir döngü içinde her açıklamada, for açıklamada, her döngü tekrarında için yürütülür.
döngünün dışına yerleştirilebilir ifadeler veya atamaları arayın.
Kötü Kodu:
for (i = 0; i < arr.length; i++) {
Daha iyi Kodu:
l = arr.length;
for (i = 0; i < l; i++) {Kötü kod bir dizi ilmek tekrarlanır her uzunluğu özelliği erişir.
Daha iyi kod döngü dışında length özelliğini erişir ve döngü daha hızlı çalışmasını sağlar.
DOM Erişim azaltın
HTML DOM Erişme diğer JavaScript ifadeleri ile karşılaştırıldığında, çok yavaş.
Eğer, bir DOM elemanını birkaç kez eriştikten sonra erişmek ve yerel bir değişken olarak kullanmak bekliyorsanız:
DOM boyutunu küçültme
HTML Dom Küçük elemanların sayısını tutun.
Bu her zaman sayfa yükleme artırmak ve render hızlandırır (page display) özellikle küçük cihazlarda,.
DOM aramak için her girişimi (like getElementsByTagName) daha küçük bir DOM yararlanacaktır.
Gereksiz Değişkenler kaçının
Eğer değerleri kaydetmek için düşünmüyorsanız yeni değişkenler oluşturmayın.
Genellikle böyle bir kod değiştirebilirsiniz:
var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;
Bununla:
document.getElementById("demo").innerHTML = firstName + " " + lastName
Gecikme JavaScript yükleniyor
sayfa gövdesinin alt kısmında komut koyarak, tarayıcı ilk sayfasını yüklemek sağlar.
Bir komut dosyası indirirken, tarayıcı başka indirmeleri başlamaz. Buna ek olarak, tüm ayrıştırma ve işleme faaliyeti engellenebilir.
HTTP şartname tarayıcılar paralel olarak ikiden fazla bileşen indirmek gerektiğini tanımlar.
Bir alternatif kullanmaktır defer="true" komut dosyası etiketindeki. defer özelliği sayfa ayrıştırma bittikten sonra komut dosyası infaz edilmesi gerektiğini belirtir, ancak yalnızca dış komut dosyaları için çalışır.
Mümkünse, sayfa yüklendikten sonra, sen koduna göre sayfaya komut dosyası ekleyebilirsiniz:
Örnek
<script>
window.onload = downScripts;
function downScripts() {
var element = document.createElement("script");
element.src = "myScript.js";
document.body.appendChild(element);
}
</script>ile kullanma kaçının
Anahtar kelime ile kullanmaktan kaçının. Bu hız üzerinde olumsuz bir etkisi vardır. JavaScript kapsamları kadar Ayrıca clutters.
Anahtar kelime ile sıkı modda izin verilmez.