Qanday qilib sahifani ko'rsatishni tezlashtirish uchun WordPress-ni JavaScript-ni dangasa yuklash mumkin?

WordPressSahifani ko'rsatish usullarini tezlashtirish uchun JavaScript-ni dangasa yuklash.

JavaScript-ning Defer xususiyati nima?

Har bir inson bu holatga duch kelgan bo'lishi mumkin:

Boshida N skript mavjud va skriptlar yuklanganda sahifani ko'rsatish bloklanadi, bu odatda bo'sh.

Albatta, biz skriptni dastlabki kodning pastki qismiga qo'yish orqali buni hal qilishimiz mumkin.

Biroq, ba'zi murakkab ishlab chiqish muhitlari bu oddiy vazifani ayniqsa murakkablashtirishi mumkin.

Ushbu nuqtada biz JavaScript-da nisbatan kam uchraydigan xususiyat bo'lgan Defer xususiyatidan foydalanishimiz mumkin.

Siz undan hech qachon foydalanmasligingiz mumkin, lekin ushbu kirishni o'qib chiqqandan so'ng, siz uni tark etmasligingizga aminman.

Uning asosiy vazifasi skriptni butun sahifa yuklangandan so‘ng uni yuklashda tahlil qilish o‘rniga tahlil qilishga ruxsat berishdir, bu esa faqat voqea sodir bo‘lgan JavaScript-ni o‘z ichiga olgan skriptlar uchun to‘liq sahifa yuklanish tezligini ta’minlaydi.

Ha, agar skript tegida defer atributi bo'lsa, u HTML sahifani tahlil qilgandan so'ng, agar u boshga joylashtirilgan bo'lsa ham, bajariladi, bu skriptni sahifaning pastki qismiga qo'yishga o'xshaydi.

Albatta, kechikishdan foydalanish ham cheklangan, odatda 2 nuqtaga e'tibor bering:

1) Kechiktirilgan defer tipi skript blokida document.write buyrug'ini chaqirmang;

• Chunki document.write to'g'ridan-to'g'ri chiqish effektini yaratadi.

2) Defer skriptlarida global o'zgaruvchilar yoki funktsiyalardan, shu jumladan darhol bajariladigan skriptlardan foydalanmang.

WordPress-da ishlatiladigan skriptga Defer atributini qo'shing

WordPress-da qanday qilib WordPress tomonidan ishlatiladigan skriptlarga Defer atributini avtomatik ravishda qo'shishimiz mumkin?

Joriy mavzuning functions.php fayliga quyidagi kodni qo'shishimiz mumkin ▼

add_filter( 'clean_url', 'wpcwl_defer_script',11,1);
function wpcwl_defer_script( $url ){
if(strpos($url, '.js') === false){
return $url;
}

return "$url' defer='defer";
};

• Yuqoridagi kod faqat shunga ko'ra ishlaydiWordPress tomonidan taqdim etilgan JavaScript kodisamarali bo'ladi.

注意 事项

Jonli koʻrish boshqaruvi boʻsh koʻrsatilishi mumkin:

Agar siz yuqoridagi koddan foydalansangiz, real vaqt rejimida oldindan ko'rish boshqaruvini ochganingizda (Tashqi ko'rinish → Moslash), u bo'sh ko'rinishi mumkin, shuning uchun uni mos ravishda ishlating.

Haqiqiy vaqtda oldindan ko'rishni boshqarish kerak bo'lganda, yuqoridagi kodni sharhlang va moslashtirish tugagandan so'ng sharhlangan kodni o'chiring.

PHP sharh kodi misoli:

/*

这里是代码 

*/