Бетті көрсетуді жылдамдату үшін WordPress-ті JavaScript-ті жалқау жүктеуге қалай жасауға болады?

WordPress бетті көрсетуді жылдамдату үшін JavaScript-ті баяу жүктеуді пайдаланады.

JavaScript-тің кейінге қалдыру қасиеті дегеніміз не?

Бұл жағдайға кез келген адам тап болған шығар:

Баста N сценарий бар және сценарийлер жүктелген кезде бетті көрсету бұғатталады, ол әдетте бос болады.

Әрине, бастапқы кодтағы сценарийді төменгі деректемеге қою арқылы біз мұны айналып өте аламыз.

Дегенмен, кейбір күрделі әзірлеу орталары бұл қарапайым тапсырманы ерекше күрделі ете алады.

Осы кезде біз JavaScript-те салыстырмалы түрде сирек кездесетін қасиет болып табылатын Defer сипатын пайдалана аламыз.

Сіз оны ешқашан пайдаланбауыңыз мүмкін, бірақ осы кіріспемен танысқаннан кейін, сіз оны қалдырмайтыныңызға сенімдімін.

Оның негізгі функциясы – жүктеу кезінде талдаудың орнына, бүкіл бет жүктелгеннен кейін сценарийді талдауға мүмкіндік беру, бұл тек оқиғамен іске қосылған JavaScript-ті қамтитын сценарийлер үшін толық бетті жүктеу жылдамдығын қамтамасыз етеді.

Иә, егер сценарий тегінде кейінге қалдыру атрибуты болса, ол HTML бетін талдаудан кейін орындалады, тіпті ол басына орналастырылған болса да, сценарийді беттің төменгі жағына қоюға ұқсас.

Әрине, кешіктіруді пайдалану да шектеулі, әдетте 2 тармаққа назар аударыңыз:

1) Document.write пәрменін кейінге қалдыру түріндегі сценарий блогында шақырмаңыз;

• Себебі document.write тікелей шығыс әсерін береді.

2) Кез келген дереу орындалатын сценарийлерді қоса, кейінге қалдыру сценарийлерінде жаһандық айнымалы мәндерді немесе функцияларды пайдаланбаңыз.

WordPress жүйесінде қолданылатын сценарийге Defer төлсипатын қосыңыз

WordPress-те 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 түсініктеме кодының мысалы:

/*

这里是代码 

*/