Како да направите WordPress мрзливо да го вчитува JavaScript за да го забрзате прикажувањето на страницата?

WordPressМрзливо вчитување на JavaScript за да се забрзаат методите за рендерирање на страници.

Што е својството Defer на JavaScript?

Секој веројатно наишол на оваа ситуација:

Во главата има N скрипти и кога скриптата ќе се вчита, ќе го блокира прикажувањето на страницата, кое обично е празно.

Се разбира, можеме да го заобиколиме ова со ставање на скриптата во изворниот код во подножјето.

Сепак, некои сложени развојни средини може да ја направат оваа едноставна задача особено сложена.

Во овој момент можеме да го користиме својството Defer, кое е релативно ретко својство во JavaScript.

Можеби никогаш нема да го користите, но откако ќе го прочитате овој вовед, сигурен сум дека нема да го оставите.

Неговата главна функција е да дозволи скриптата да се анализира откако ќе се вчита целата страница, наместо да се анализира при вчитување, што обезбедува целосна брзина на вчитување на страницата за скрипти кои содржат само JavaScript активиран од настани.

Да, ако ознаката за скрипта има атрибут за одложување, таа ќе се изврши по парсирање на HTML страницата дури и ако е ставена во главата, што е слично на ставање на скриптата на дното на страницата.

Се разбира, употребата на доцнење е исто така ограничена, обично обрнете внимание на 2 точки:

1) Не повикувајте ја командата document.write во блок скрипта од типот на одложено одложување;

• Бидејќи document.write ќе произведе директен излезен ефект.

2) Не користете глобални променливи или функции во Defer скриптите, вклучувајќи ги и сите скрипти за непосредно извршување.

Додадете го атрибутот Defer на скриптата што се користи во WordPress

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

• Горенаведениот код работи само, споредJavaScript код воведен од WordPressќе бидат ефективни.

мерки на претпазливост

Управувањето со преглед во живо може да се прикаже празно:

Ако го користите горенаведениот код, кога ќе го отворите управувањето со преглед во реално време (Изглед → Прилагоди), тој може да се прикаже празно, затоа ве молиме користете го како што е соодветно.

Кога е потребно управување со преглед во реално време, коментирајте го горниот код и избришете го коментираниот код откако ќе заврши прилагодувањето.

Пример за код на PHP коментар:

/*

这里是代码 

*/