Kiel fari WordPress maldiligente ŝarĝi JavaScript por akceli paĝan bildigon?

WordPressMaldiligenta ŝarĝo de JavaScript por akceli paĝajn bildigajn metodojn.

Kio estas la posedaĵo Defer de JavaScript?

Ĉiuj verŝajne renkontis ĉi tiun situacion:

Estas N-skriptoj en la kapo, kaj kiam la skriptoj estas ŝarĝitaj, la paĝa bildigo estas blokita, kiu kutime estas malplena.

Kompreneble, ni povas ĉirkaŭiri ĉi tion metante la skripton en la fontkodon en la piedlinion.

Tamen, iuj kompleksaj evolumedioj povas fari ĉi tiun simplan taskon precipe kompleksa.

Je ĉi tiu punkto ni povas uzi la posedaĵon Defer, kiu estas relative malofta posedaĵo en JavaScript.

Vi eble neniam uzos ĝin, sed leginte ĉi tiun enkondukon, mi certas, ke vi ne forlasos ĝin.

Ĝia ĉefa funkcio estas lasi la skripton analizi post kiam la tuta paĝo estas ŝarĝita, anstataŭ analizi ĝin sur ŝarĝo, kio disponigas plenan paĝan ŝarĝrapidecon por skriptoj kiuj enhavas nur okazaĵ-eksigitan JavaScript.

Jes, se la skripto-etikedo havas defer-atributon, ĝi estos ekzekutita post analizo de la HTML-paĝo eĉ se ĝi estas metita en la kapon, kio similas al meti la skripton ĉe la malsupro de la paĝo.

Kompreneble, la uzo de prokrasto ankaŭ estas limigita, kutime atentu 2 punktojn:

1) Ne voku la ordonon document.write en prokrastita tajpa skriptobloko;

• Ĉar document.write produktos rektan eligan efikon.

2) Ne uzu tutmondajn variablojn aŭ funkciojn en Defer-skriptoj, inkluzive de iuj tujaj ekzekutskriptoj.

Aldonu la Prokrasti atributon al la skripto uzata en WordPress

En WordPress, kiel ni aŭtomate povas aldoni la atributon Defer al la skriptoj uzataj de WordPress?

Ni povas aldoni la sekvan kodon al la dosiero functions.php de la aktuala temo ▼

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

• La supra kodo nur funkcias, laŭJavaScript-kodo enkondukita de WordPressestos efika.

Antaŭzorgoj

Live Preview Management povas montriĝi malplena:

Se vi uzas la ĉi-supran kodon, kiam vi malfermas la realtempan antaŭrigardan administradon (Apero → Agordu), ĝi povas montriĝi malplena, do bonvolu uzi ĝin laŭeble.

Kiam realtempa antaŭrigardadministrado estas postulata, komentu la supran kodon kaj forigu la komentitan kodon post kiam la personigo estas finita.

Ekzemplo pri komenta kodo de PHP:

/*

这里是代码 

*/