Sut i wneud WordPress yn ddiog llwytho JavaScript i gyflymu rendro tudalennau?

WordPressLlwytho JavaScript yn ddiog i gyflymu dulliau rendro tudalennau.

Beth yw eiddo Gohirio JavaScript?

Mae'n debyg bod pawb wedi dod ar draws y sefyllfa hon:

Mae N sgriptiau yn y pen, a phan fydd y sgriptiau'n cael eu llwytho, mae'r rendro tudalen wedi'i rwystro, sydd fel arfer yn wag.

Wrth gwrs, gallwn fynd o gwmpas hyn trwy roi'r sgript yn y cod ffynhonnell yn y troedyn.

Fodd bynnag, gall rhai amgylcheddau datblygu cymhleth wneud y dasg syml hon yn arbennig o gymhleth.

Ar y pwynt hwn gallwn ddefnyddio'r eiddo Gohirio, sy'n eiddo cymharol brin yn JavaScript.

Efallai na fyddwch byth yn ei ddefnyddio, ond ar ôl darllen y cyflwyniad hwn, rwy'n siŵr na fyddwch yn ei adael.

Ei brif swyddogaeth yw gadael i'r sgript ddosrannu ar ôl i'r dudalen gyfan gael ei llwytho, yn hytrach na'i dosrannu ar lwyth, sy'n darparu cyflymder llwytho tudalen llawn ar gyfer sgriptiau sydd ond yn cynnwys JavaScript wedi'i sbarduno gan ddigwyddiad.

Oes, os oes gan y tag sgript briodoledd gohirio, bydd yn cael ei weithredu ar ôl dosrannu'r dudalen HTML hyd yn oed os caiff ei osod yn y pen, sy'n debyg i roi'r sgript ar waelod y dudalen.

Wrth gwrs, mae'r defnydd o oedi hefyd yn gyfyngedig, fel arfer rhowch sylw i 2 bwynt:

1) Peidiwch â galw'r gorchymyn document.write mewn bloc sgript math gohirio;

• Oherwydd bydd document.write yn cynhyrchu effaith allbwn uniongyrchol.

2) Peidiwch â defnyddio newidynnau neu swyddogaethau byd-eang mewn sgriptiau Gohirio, gan gynnwys unrhyw sgriptiau gweithredu ar unwaith.

Ychwanegwch y priodoledd Gohirio at y sgript a ddefnyddir yn WordPress

Yn WordPress, sut allwn ni ychwanegu'r priodoledd Gohirio yn awtomatig at y sgriptiau a ddefnyddir gan WordPress?

Gallwn ychwanegu'r cod canlynol at ffeil functions.php y thema gyfredol ▼

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

• Mae'r cod uchod yn gweithio yn unig, yn ôlCod JavaScript wedi'i gyflwyno gan WordPressfydd yn effeithiol.

注意 事项

Gall Rheoli Rhagolwg Byw arddangos yn wag:

Os ydych chi'n defnyddio'r cod uchod, pan fyddwch chi'n agor y rheolaeth rhagolwg amser real (Ymddangosiad → Addasu), gall arddangos yn wag, felly defnyddiwch ef fel y bo'n briodol.

Pan fydd angen rheoli rhagolwg amser real, gwnewch sylwadau ar y cod uchod, a dilëwch y cod y gwnaed sylwadau arno ar ôl i'r addasiad gael ei gwblhau.

Enghraifft cod sylwadau PHP:

/*

这里是代码 

*/