Giunsa paghimo ang WordPress lazy load JavaScript aron mapadali ang pag-render sa panid?

WordPressTapolan nga pagkarga sa JavaScript aron mapadali ang mga pamaagi sa paghubad sa panid.

Unsa ang JavaScript's Defer property?

Ang tanan tingali nakasinati niini nga sitwasyon:

Adunay N script sa ulo, ug kung ang mga script gikarga, ang paghubad sa panid gibabagan, nga kasagaran blangko.

Siyempre, mahimo naton kini libuton pinaagi sa pagbutang sa script sa source code sa footer.

Bisan pa, ang pipila ka komplikado nga mga palibot sa pag-uswag makahimo niining yano nga buluhaton labi ka komplikado.

Niini nga punto mahimo namong gamiton ang Defer property, nga usa ka talagsaon nga kabtangan sa JavaScript.

Mahimong dili nimo kini gamiton, apan pagkahuman sa pagbasa niini nga pasiuna, sigurado ako nga dili nimo kini biyaan.

Ang panguna nga gimbuhaton niini mao ang pagtugot sa script nga ma-parse pagkahuman ma-load ang tibuuk nga panid, imbes nga i-parse kini sa pagkarga, nga naghatag katulin sa pagkarga sa tibuuk nga panid alang sa mga script nga adunay sulud nga JavaScript nga na-trigger sa panghitabo.

Oo, kung ang script tag adunay usa ka defer attribute, kini ipatuman human sa pag-parse sa HTML nga panid bisan kung kini gibutang sa ulo, nga susama sa pagbutang sa script sa ubos sa panid.

Siyempre, ang paggamit sa paglangan limitado usab, kasagaran pagtagad sa 2 puntos:

1) Ayaw tawga ang document.write command sa usa ka deferred defer type script block;

• Tungod kay ang document.write makahatag ug direktang output nga epekto.

2) Ayaw gamita ang mga global variable o function sa Defer scripts, lakip ang bisan unsang mga script sa diha-diha nga pagpatuman.

Idugang ang Defer attribute sa script nga gigamit sa WordPress

Sa WordPress, unsaon nato awtomatikong idugang ang Defer attribute sa mga script nga gigamit sa WordPress?

Mahimo natong idugang ang mosunod nga code sa mga functions.php file sa kasamtangan nga tema ▼

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

• Ang kodigo sa ibabaw nagtrabaho lamang, sumala saJavaScript code nga gipaila sa WordPressmahimong epektibo.

Pagpangandam

Ang Pagdumala sa Live Preview mahimong magpakita nga blangko:

Kung imong gamiton ang code sa ibabaw, kung imong ablihan ang real-time nga pagdumala sa preview (Pagpakita → Ipasibo), kini mahimong magpakita nga blangko, busa palihug gamita kini kung angay.

Kung gikinahanglan ang real-time nga pagdumala sa preview, ikomento ang code sa ibabaw, ug i-delete ang gikomentohan nga code human makompleto ang customization.

Pananglitan sa PHP comment code:

/*

这里是代码 

*/