Nola egin WordPress alferrak kargatu JavaScript orrien errendatzea bizkortzeko?

WordPressJavaScript-en karga alferra, orrialdeak errendatzeko metodoak bizkortzeko.

Zer da JavaScript-en Defer propietatea?

Ziurrenik denek egoera hau topatu dute:

Buruan N script daude, eta scriptak kargatzen direnean orriaren errendatzea blokeatzen da, normalean hutsik egon ohi dena.

Jakina, horri aurre egin diezaiokegu script-a iturburu-kodean oin-oinean jarriz.

Hala ere, garapen-ingurune konplexu batzuek zeregin sinple hau bereziki konplexua izan dezakete.

Une honetan Defer propietatea erabil dezakegu, JavaScript-en nahiko arraroa dena.

Agian ez duzu inoiz erabiliko, baina sarrera hau irakurri ondoren, ziur nago ez duzula utziko.

Bere funtzio nagusia script-a orri osoa kargatu ondoren analizatzen uztea da, kargatzean analizatu beharrean, eta horrek gertaerak abiarazitako JavaScript soilik duten scriptetarako orrialde osoa kargatzeko abiadura eskaintzen du.

Bai, script etiketak defer atributua badu, HTML orria analizatu ondoren exekutatu egingo da, nahiz eta buruan jarri, hau da, scripta orriaren behealdean jartzearen antzekoa.

Jakina, atzerapenaren erabilera ere mugatua da, normalean arreta jarri 2 punturi:

1) Ez deitu document.write komandoa atzeratutako defer motako script bloke batean;

• document.write-k irteera efektu zuzena sortuko duelako.

2) Ez erabili aldagai edo funtzio globalak Defer script-etan, berehalako exekuzio-scriptik barne.

Gehitu Defer atributua WordPress-en erabiltzen den script-ari

WordPress-en, nola gehi diezaieke automatikoki Defer atributua WordPress-ek erabiltzen dituen scriptei?

Uneko gaiaren functions.php fitxategian hurrengo kodea gehitu dezakegu ▼

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

• Goiko kodeak bakarrik funtzionatzen du, araberaWordPress-ek sartutako JavaScript kodeaeraginkorra izango da.

注意 事项

Zuzeneko aurrebistaren kudeaketa hutsik ager daiteke:

Goiko kodea erabiltzen baduzu, denbora errealeko aurrebistaren kudeaketa irekitzen duzunean (Itxura → Pertsonalizatu), baliteke hutsik agertzea, beraz, erabili behar den moduan.

Denbora errealeko aurrebista kudeatzea beharrezkoa denean, iruzkin ezazu goiko kodea eta ezabatu komentaturiko kodea pertsonalizazioa amaitu ondoren.

PHP iruzkin kodearen adibidea:

/*

这里是代码 

*/