Баракты көрсөтүүнү тездетүү үчүн WordPressти жалкоолук менен JavaScript жүктөөгө кантип жасоо керек?

WordPressБарактарды көрсөтүү ыкмаларын тездетүү үчүн JavaScript'ти жалкоо жүктөө.

JavaScript'тин Defer касиети деген эмне?

Ар бир адам, балким, бул жагдайга туш болгон:

Башында N скрипт бар жана скрипттер жүктөлгөндө, баракты көрсөтүү бөгөттөлөт, бул адатта бош.

Албетте, биз скриптти баштапкы коддун астыңкы колонтитулуна коюу менен муну айланып чыга алабыз.

Бирок, кээ бир татаал өнүктүрүү чөйрөлөрү бул жөнөкөй тапшырманы өзгөчө татаалдаштырышы мүмкүн.

Бул учурда биз Defer касиетин колдоно алабыз, ал JavaScript'те салыштырмалуу сейрек кездешүүчү касиет.

Сиз аны эч качан колдонбойсуз, бирок бул кириш сөздү окугандан кийин, аны таштап кетпейсиз деп ишенем.

Анын негизги милдети скриптти жүктөөдө талдоонун ордуна, бүт бет жүктөлгөндөн кийин талдап чыгууга мүмкүндүк берүү, бул окуядан келип чыккан JavaScript гана камтыган скрипттер үчүн толук барак жүктөө ылдамдыгын камсыз кылат.

Ооба, эгерде скрипт тегинин кийинкиге калтыруу атрибуту болсо, HTML баракты талдоодон кийин, ал башына жайгаштырылса да аткарылат, бул скриптти беттин ылдый жагына коюуга окшош.

Албетте, кечиктирүүнү колдонуу да чектелген, адатта 2 пунктка көңүл буруңуз:

1) кийинкиге калтырылган кийинкиге калтырылган типтеги скрипт блогунда document.write буйругун чакырбаңыз;

• Анткени document.write түз чыгаруу эффектин берет.

2) Defer скрипттеринде глобалдык өзгөрмөлөрдү же функцияларды, анын ичинде дароо аткаруу скрипттерин колдонбоңуз.

WordPressте колдонулган скриптке Defer атрибутун кошуңуз

WordPressте WordPress колдонгон скрипттерге Defer атрибутун кантип автоматтык түрдө кошо алабыз?

Учурдагы теманын 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";
};

• Жогорудагы код ылайык, гана иштейтJavaScript коду WordPress тарабынан киргизилгеннатыйжалуу болот.

Коопсуздук чаралары

Live Preview Management бош көрүнүшү мүмкүн:

Эгерде сиз жогорудагы кодду колдонсоңуз, анда сиз реалдуу убакыт режиминде алдын ала көрүү башкаруусун ачканыңызда (Көрүнүш → Ыңгайлаштыруу), ал бош көрүнүшү мүмкүн, андыктан аны ылайыктуу түрдө колдонуңуз.

Реалдуу убакыт режиминде алдын ала кароону башкаруу талап кылынганда, жогорудагы кодго комментарий бериңиз жана ыңгайлаштыруу аяктагандан кийин комментарий берилген кодду жок кылыңыз.

PHP комментарий коду мисалы:

/*

这里是代码 

*/