Како учинити да ВордПресс лењи учитава ЈаваСцрипт да би се убрзало приказивање страница?

Вордпрес користи лење учитавање Јаваскрипта како би убрзао рендеровање странице.

Шта је ЈаваСцрипт својство Дефер?

Вероватно су се сви сусрели са овом ситуацијом:

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

Наравно, ово можемо заобићи стављањем скрипте из изворног кода у подножје.

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

У овом тренутку можемо користити својство Дефер, које је релативно ретко својство у ЈаваСцрипт-у.

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

Његова главна функција је да дозволи скрипту да рашчлани након што се учита цела страница, уместо да је анализира при учитавању, што обезбеђује пуну брзину учитавања странице за скрипте које садрже само ЈаваСцрипт покренут догађајем.

Да, ако ознака скрипте има атрибут одлагања, она ће бити извршена након рашчлањивања ХТМЛ странице чак и ако је постављена у главу, што је слично стављању скрипте на дно странице.

Наравно, употреба кашњења је такође ограничена, обично обратите пажњу на 2 тачке:

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

• Зато што ће доцумент.врите произвести директан излазни ефекат.

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

Додајте атрибут Дефер скрипти која се користи у ВордПресс-у

Како у ВордПресс-у можемо аутоматски додати атрибут Дефер скриптама које користи ВордПресс?

Можемо додати следећи код у датотеку фунцтионс.пхп тренутне теме ▼

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

• Горњи код ради само, премаЈаваСцрипт код који је увео ВордПрессбиће делотворан.

注意 事项

Управљање прегледом уживо може да буде празно:

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

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

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

/*

这里是代码 

*/