Kako narediti WordPress, da leno naloži JavaScript, da pospeši upodabljanje strani?

WordPressLeno nalaganje JavaScripta za pospešitev metod upodabljanja strani.

Kaj je lastnost Defer JavaScripta?

Verjetno se je vsak srečal s to situacijo:

V glavi je N skriptov in ko se skript naloži, bo blokiral upodabljanje strani, ki je običajno prazna.

Seveda se lahko temu izognemo tako, da skript v izvorni kodi vstavimo v nogo.

Vendar pa lahko nekatera zapletena razvojna okolja to preprosto nalogo še posebej zapletejo.

Na tej točki lahko uporabimo lastnost Defer, ki je razmeroma redka lastnost v JavaScriptu.

Morda ga ne boste nikoli uporabili, a ko preberete ta uvod, sem prepričan, da ga ne boste zapustili.

Njegova glavna funkcija je, da pusti skriptu razčleniti po nalaganju celotne strani, namesto da jo razčleni ob nalaganju, kar zagotavlja polno hitrost nalaganja strani za skripte, ki vsebujejo samo JavaScript, ki ga sproži dogodek.

Da, če ima oznaka skripta atribut defer, bo izvedena po razčlenjevanju strani HTML, tudi če je postavljena v glavo, kar je podobno, kot če bi skript postavili na dno strani.

Seveda je tudi uporaba zamude omejena, običajno bodite pozorni na 2 točki:

1) Ne pokličite ukaza document.write v bloku skripta tipa odloženega tipa;

• Ker bo document.write povzročil neposreden izhodni učinek.

2) Ne uporabljajte globalnih spremenljivk ali funkcij v odloženih skriptih, vključno s skripti za takojšnje izvajanje.

Dodajte atribut Defer skriptu, ki se uporablja v WordPressu

Kako lahko v WordPressu samodejno dodamo atribut Defer skriptom, ki jih uporablja WordPress?

V datoteko functions.php trenutne teme lahko dodamo naslednjo kodo ▼

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

• Zgornja koda deluje samo glede naKoda JavaScript, ki jo je predstavil WordPressbo učinkovito.

注意 事项

Upravljanje predogleda v živo je lahko prikazano prazno:

Če uporabljate zgornjo kodo, ko odprete upravljanje predogleda v realnem času (Videz → Prilagodi), bo morda prikazana prazna, zato jo uporabite, kot je primerno.

Ko je potrebno upravljanje predogleda v realnem času, komentirajte zgornjo kodo in po končani prilagoditvi izbrišite komentirano kodo.

Primer kode komentarja PHP:

/*

这里是代码 

*/