Jak zařídit, aby WordPress líně načítal JavaScript, aby se urychlilo vykreslování stránek?

WordPressLíné načítání JavaScriptu pro urychlení metod vykreslování stránek.

Co je vlastnost Defer JavaScriptu?

Každý se pravděpodobně setkal s touto situací:

V hlavě je N skriptů a při načtení skriptů se zablokuje vykreslování stránky, které je většinou prázdné.

Samozřejmě to můžeme obejít tím, že skript dáme ve zdrojovém kódu do patičky.

Některá složitá vývojová prostředí však mohou tento jednoduchý úkol velmi zkomplikovat.

V tomto okamžiku můžeme použít vlastnost Defer, což je v JavaScriptu poměrně vzácná vlastnost.

Možná ho nikdy nepoužijete, ale po přečtení tohoto úvodu jsem si jistý, že ho neopustíte.

Jeho hlavní funkcí je nechat skript analyzovat po načtení celé stránky, namísto analýzy při načítání, což poskytuje plnou rychlost načítání stránky pro skripty, které obsahují pouze JavaScript spouštěný událostmi.

Ano, pokud má značka skriptu atribut odložit, bude provedena po analýze stránky HTML, i když je umístěna v hlavičce, což je podobné, jako když skript umístíte na konec stránky.

Využití zpoždění je samozřejmě také omezené, obvykle věnujte pozornost 2 bodům:

1) Nevolejte příkaz document.write v bloku skriptu typu odloženého odložení;

• Protože document.write vytvoří přímý výstupní efekt.

2) Nepoužívejte globální proměnné nebo funkce ve skriptech Defer, včetně jakýchkoli skriptů pro okamžité spuštění.

Přidejte atribut Defer do skriptu používaného ve WordPressu

Jak můžeme ve WordPressu automaticky přidat atribut Defer do skriptů používaných WordPress?

Do souboru functions.php ▼ aktuálního tématu můžeme přidat následující kód

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

• Výše uvedený kód funguje pouze podleJavaScriptový kód zavedený WordPressembude účinný.

注意 事项

Správa živého náhledu může zobrazovat prázdné:

Pokud použijete výše uvedený kód, když otevřete správu náhledu v reálném čase (Vzhled → Přizpůsobit), může se zobrazit prázdný, proto jej použijte podle potřeby.

Pokud je vyžadována správa náhledu v reálném čase, zakomentujte výše uvedený kód a po dokončení přizpůsobení komentovaný kód odstraňte.

Příklad kódu komentáře PHP:

/*

这里是代码 

*/