JS unumdorligi
JavaScript kodingizni qanday tezlashtirish mumkin.
Looplardagi faollikni kamaytiring
Dasturlashda ko‘pincha sikllardan foydalaniladi.
sikldagi har bir operator, shu jumladan for operatori siklning har bir iteratsiyasi uchun bajariladi.
Loopdan tashqarida joylashtirilishi mumkin bo‘lgan operatorlar yoki topshiriqlar siklni tezroq ishga tushiradi.
Yomon:
for (let i = 0; i < arr.length; i++) {
Yaxshiroq kod:
let l = arr.length;
for (let i = 0; i < l; i++) {
Noto‘g‘ri kod har safar sikl takrorlanganda massivning uzunlik xususiyatiga kiradi.
Qanchalik yaxshi kod pastadirdan tashqari uzunlik xususiyatiga kirsa va Loop tezroq ishlaydi.
DOM kirishini kamaytiring
HTML DOM ga kirish boshqa JavaScript ko‘rsatmalari (statements)ga qaraganda juda sekin.
Agar siz DOM elementiga bir necha marta kirishni kutsangiz, unga bir marta kiring va undan mahalliy o‘zgaruvchi sifatida foydalaning:
DOM hajmini kamaytiring
HTML DOM dagi elementlar sonini kichik tuting.
Bu har doim sahifa yuklanishini yaxshilaydi va renderlashni tezlashtiradi (sahifani ko‘rsatish), ayniqsa kichikroq qurilmalarda.
DOMni qidirishga bo‘lgan har bir urinish (masalan, getElementsByTagName) kichikroq DOMdan foyda keltiradi.
Keraksiz o‘zgaruvchilardan qoching
Agar siz qiymatlarni saqlashni rejalashtirmasangiz, yangi o‘zgaruvchilar yaratmang.
Ko‘pincha kodni quyidagi kabi o‘zgartirishingiz mumkin:
let fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;
Bu bilan:
document.getElementById("demo").innerHTML = firstName + " " + lastName;
JavaScript-ni yuklashni kechiktirish
Skriptlaringizni sahifaning pastki qismiga qo‘yish brauzerga avval sahifani yuklash imkonini beradi.
Skript yuklab olinayotganda brauzer boshqa yuklab olishlarni boshlamaydi. Bundan tashqari, barcha tahlil qilish (parsing) va render qilish jarayonlari bloklanishi mumkin.
HTTP spetsifikatsiyasi brauzerlar ikkitadan ortiq komponentni parallel ravishda yuklab ololmasligini belgilaydi.
Muqobil variant - skript tegida defer="true" dan foydalanish. Defer atributi skript sahifani tahlil qilish tugagandan so‘ng bajarilishi kerakligini bildiradi, lekin u faqat tashqi skriptlar uchun ishlaydi.
Iloji bo‘lsa, sahifa yuklangandan so‘ng, skriptingizni sahifaga kod bo‘yicha qo‘shishingiz mumkin:
Misol
<script>
window.onload = function() {
const element = document.createElement("script");
element.src = "myScript.js";
document.body.appendChild(element);
};
</script>
bilan foydalanishdan saqlaning
with kalit so‘zini ishlatishdan saqlaning. Bu tezlikka salbiy ta’sir qiladi. Bundan tashqari, u JavaScript doiralarini chalkashtirib yuboradi.
Qattiq rejimda with kalit so‘ziga ruxsat berilmaydi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!