Ինչպե՞ս ստիպել WordPress-ը ծույլ բեռնել JavaScript-ը՝ էջի ցուցադրումն արագացնելու համար:

WordPressJavaScript-ի ծույլ բեռնում էջի մատուցման մեթոդներն արագացնելու համար:

Ի՞նչ է JavaScript-ի Defer հատկությունը:

Բոլորը հավանաբար բախվել են այս իրավիճակին.

Գլխում կան N սկրիպտներ, և երբ սկրիպտները բեռնվում են, էջի ցուցադրումն արգելափակվում է, որը սովորաբար դատարկ է։

Իհարկե, մենք կարող ենք շրջանցել դա՝ սկրիպտը սկզբնական կոդի մեջ դնելով ստորագրի մեջ:

Այնուամենայնիվ, որոշ բարդ զարգացման միջավայրեր կարող են այս պարզ առաջադրանքը դարձնել հատկապես բարդ:

Այս պահին մենք կարող ենք օգտագործել Defer հատկությունը, որը համեմատաբար հազվադեպ հատկություն է JavaScript-ում:

Դուք կարող եք երբեք չօգտագործել այն, բայց այս ներածությունը կարդալուց հետո վստահ եմ, որ չեք թողնի այն:

Դրա հիմնական գործառույթն է թույլ տալ, որ սկրիպտը վերլուծվի ամբողջ էջը բեռնվելուց հետո, փոխարենը վերլուծելու այն բեռնվածության վրա, որն ապահովում է էջի բեռնման ամբողջական արագություն այն սցենարների համար, որոնք պարունակում են միայն իրադարձություններով պայմանավորված JavaScript:

Այո, եթե script tag-ն ունի defer հատկանիշ, այն կկատարվի HTML էջը վերլուծելուց հետո, նույնիսկ եթե այն տեղադրվի գլխում, ինչը նման է սկրիպտը էջի ներքևում դնելուն:

Իհարկե, հետաձգման օգտագործումը նույնպես սահմանափակ է, սովորաբար ուշադրություն դարձրեք 2 կետի.

1) Մի կանչեք document.write հրամանը հետաձգված հետաձգման տիպի սցենարի բլոկում;

• Քանի որ document.write-ը կստեղծի ուղղակի ելքային էֆեկտ:

2) Մի օգտագործեք գլոբալ փոփոխականներ կամ գործառույթներ Defer սկրիպտներում, ներառյալ անմիջական կատարման ցանկացած սցենար:

WordPress-ում օգտագործվող սցենարին ավելացրեք Defer հատկանիշը

WordPress-ում ինչպե՞ս կարող ենք ավտոմատ կերպով ավելացնել Defer հատկանիշը WordPress-ի կողմից օգտագործվող սցենարներին:

Մենք կարող ենք հետևյալ կոդը ավելացնել ընթացիկ թեմայի functions.php ▼ ֆայլին

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

• Վերոնշյալ կոդը գործում է միայն, ըստWordPress-ի կողմից ներկայացված JavaScript կոդըարդյունավետ կլինի։

注意 事项

Live Preview Management-ը կարող է դատարկ ցուցադրվել՝

Եթե ​​օգտագործում եք վերը նշված կոդը, իրական ժամանակում նախադիտման կառավարումը բացելիս (Արտաքին տեսք → Անհատականացնել), այն կարող է դատարկ ցուցադրվել, ուստի խնդրում ենք օգտագործել այն, ինչպես հարկն է:

Երբ իրական ժամանակում նախադիտման կառավարում է պահանջվում, մեկնաբանեք վերը նշված կոդը և ջնջեք մեկնաբանված կոդը հարմարեցման ավարտից հետո:

PHP մեկնաբանության կոդի օրինակ.

/*

这里是代码 

*/