Kepiye carane nggawe WordPress mbukak JavaScript kanggo nyepetake rendering kaca?

WordPressLazy loading JavaScript kanggo nyepetake cara rendering kaca.

Apa properti Tundha JavaScript?

Saben uwong mesthine nemoni kahanan iki:

Ana skrip N ing sirah, lan nalika skrip dimuat, rendering kaca diblokir, sing biasane kosong.

Mesthi, kita bisa ngubengi iki kanthi nglebokake skrip ing kode sumber menyang footer.

Nanging, sawetara lingkungan pangembangan sing rumit bisa nggawe tugas sing gampang iki dadi rumit.

Ing titik iki, kita bisa nggunakake properti Defer, sing minangka properti sing relatif langka ing JavaScript.

Sampeyan bisa uga ora tau nggunakake, nanging sawise maca introduksi iki, Aku manawa sampeyan ora bakal ninggalake.

Fungsi utama yaiku ngidini skrip parse sawise kabeh kaca dimuat, tinimbang ngurai nalika dimuat, sing nyedhiyakake kacepetan mbukak kaca lengkap kanggo skrip sing mung ngemot JavaScript sing dipicu acara.

Ya, yen tag skrip nduweni atribut defer, bakal dieksekusi sawise ngurai kaca HTML sanajan diselehake ing sirah, sing padha karo skrip ing sisih ngisor kaca.

Mesthine, panggunaan wektu tundha uga diwatesi, biasane menehi perhatian marang 2 poin:

1) Aja nelpon document.write printah ing tundha jinis script pemblokiran;

• Amarga document.write bakal ngasilake efek output langsung.

2) Aja nggunakake variabel utawa fungsi global ing skrip Defer, kalebu skrip eksekusi langsung.

Tambah atribut Defer menyang skrip sing digunakake ing WordPress

Ing WordPress, kepiye cara nambah atribut Defer menyang skrip sing digunakake WordPress?

Kita bisa nambah kode ing ngisor iki menyang file functions.php tema saiki ▼

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

• Kode ing ndhuwur mung dianggo, miturutKode JavaScript dikenalaké dening WordPressbakal efektif.

Pancegahan

Manajemen Pratinjau Langsung bisa ditampilake kosong:

Yen sampeyan nggunakake kode ing ndhuwur, nalika sampeyan mbukak manajemen pratinjau wektu nyata (Katon → Kustomisasi), bisa uga katon kosong, mula gunakake manawa cocog.

Yen manajemen pratinjau wektu nyata dibutuhake, komentar kode ing ndhuwur, lan busak kode komentar sawise kustomisasi rampung.

Tuladha kode komentar PHP:

/*

这里是代码 

*/