Hvernig á að láta WordPress lata hlaða JavaScript til að flýta fyrir birtingu síðu?

WordPressLatur hleðsla á JavaScript til að flýta fyrir flutningsaðferðum síðu.

Hvað er Defer eign JavaScript?

Allir hafa líklega lent í þessu:

Það eru N forskriftir í hausnum og þegar forskriftirnar eru hlaðnar er lokað fyrir birtingu síðunnar, sem er venjulega auð.

Auðvitað getum við komist í kringum þetta með því að setja handritið í frumkóðann inn í fótinn.

Hins vegar geta sum flókin þróunarumhverfi gert þetta einfalda verkefni sérstaklega flókið.

Á þessum tímapunkti getum við notað Defer eignina, sem er tiltölulega sjaldgæf eign í JavaScript.

Þú gætir aldrei notað það, en eftir að hafa lesið þennan inngang er ég viss um að þú munt ekki yfirgefa hann.

Meginhlutverk þess er að láta forskriftina flokka eftir að allri síðunni er hlaðin, í stað þess að flokka hana við hleðslu, sem veitir fulla síðuhleðsluhraða fyrir forskriftir sem innihalda aðeins JavaScript sem kveikt er á atburði.

Já, ef script tag hefur defer attribute, þá verður það keyrt eftir þáttun HTML síðunnar jafnvel þótt það sé sett í hausinn, sem er svipað og að setja scriptið neðst á síðunni.

Auðvitað er notkun seinkun einnig takmörkuð, fylgstu venjulega með 2 stigum:

1) Ekki kalla document.write skipunina í deferred defer type script blokk;

• Vegna þess að document.write mun framleiða bein úttaksáhrif.

2) Ekki nota hnattrænar breytur eða aðgerðir í Fresta forskriftum, þar með talið forskriftir til að keyra strax.

Bættu Defer eigindinni við handritið sem notað er í WordPress

Hvernig getum við bætt Defer eigindinni sjálfkrafa við forskriftirnar sem WordPress notar í WordPress?

Við getum bætt eftirfarandi kóða við functions.php skrá núverandi þema ▼

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

• Ofangreindur kóði virkar aðeins, skvJavaScript kóða kynnt af WordPressmun skila árangri.

注意 事项

Forskoðunarstjórnun í beinni gæti birt autt:

Ef þú notar kóðann hér að ofan, þegar þú opnar rauntíma forskoðunarstjórnun (Útlit → Sérsníða), gæti hann verið auður, svo vinsamlegast notaðu hann eftir því sem við á.

Þegar þörf er á forskoðunarstjórnun í rauntíma, skrifaðu athugasemdir við ofangreindan kóða og eyddu kóðanum sem skrifað var um eftir að aðlöguninni er lokið.

PHP athugasemdarkóða dæmi:

/*

这里是代码 

*/