Səhifənin göstərilməsini sürətləndirmək üçün WordPress-i JavaScript-i necə tənbəl yükləmək olar?

WordPressSəhifə göstərmə üsullarını sürətləndirmək üçün JavaScript-in tənbəl yüklənməsi.

JavaScript-in Defer xüsusiyyəti nədir?

Yəqin ki, hər kəs bu vəziyyətlə qarşılaşıb:

Başda N skript var və skriptlər yükləndikdə səhifənin göstərilməsi bloklanır, bu adətən boşdur.

Təbii ki, mənbə kodundakı skripti altbilgiyə yerləşdirməklə bunun öhdəsindən gələ bilərik.

Bununla belə, bəzi mürəkkəb inkişaf mühitləri bu sadə işi xüsusilə mürəkkəbləşdirə bilər.

Bu nöqtədə biz JavaScript-də nisbətən nadir olan Defer xassəsindən istifadə edə bilərik.

Siz heç vaxt istifadə edə bilərsiniz, lakin bu girişi oxuduqdan sonra əminəm ki, onu tərk etməyəcəksiniz.

Onun əsas funksiyası skriptin bütün səhifə yükləndikdən sonra təhlilinə icazə verməkdir, onu yükləyərkən təhlil etmək əvəzinə, bu, yalnız hadisə ilə tetiklenen JavaScript ehtiva edən skriptlər üçün tam səhifə yükləmə sürətini təmin edir.

Bəli, əgər skript teqində defer atributu varsa, o, HTML səhifəsini təhlil etdikdən sonra başda yerləşdirilsə belə yerinə yetiriləcək ki, bu da skriptin səhifənin altına qoyulmasına bənzəyir.

Əlbəttə ki, gecikmənin istifadəsi də məhduddur, adətən 2 məqama diqqət yetirin:

1) təxirə salınmış defer tipli skript blokunda document.write əmrini çağırmayın;

• Çünki document.write birbaşa çıxış effekti yaradacaq.

2) Hər hansı dərhal icra skriptləri də daxil olmaqla Defer skriptlərində qlobal dəyişənlərdən və ya funksiyalardan istifadə etməyin.

WordPress-də istifadə olunan skriptə Defer atributunu əlavə edin

WordPress-də WordPress-in istifadə etdiyi skriptlərə Defer atributunu avtomatik olaraq necə əlavə edə bilərik?

Cari mövzunun functions.php faylına aşağıdakı kodu əlavə edə bilərik ▼

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";
};

• Yuxarıdakı kod yalnız uyğun olaraq işləyirWordPress tərəfindən təqdim edilən JavaScript kodutəsirli olacaq.

注意 事项

Canlı Önizləmə İdarəetmə boş görünə bilər:

Yuxarıdakı koddan istifadə etsəniz, real vaxt rejimində ilkin baxış idarəetməsini açdığınız zaman (Görünüş → Fərdiləşdirin), o, boş görünə bilər, ona görə də lütfən, ondan lazımi şəkildə istifadə edin.

Real vaxt rejimində ilkin baxışın idarə edilməsi tələb olunduqda, yuxarıdakı kodu şərh edin və fərdiləşdirmə tamamlandıqdan sonra şərh edilən kodu silin.

PHP şərh kodu nümunəsi:

/*

这里是代码 

*/