Jinsi ya kufanya WordPress kubeba uvivu JavaScript ili kuharakisha utoaji wa ukurasa?

WordPressUpakiaji wa uvivu wa JavaScript ili kuharakisha mbinu za utoaji wa ukurasa.

Mali ya Defer ya JavaScript ni nini?

Labda kila mtu amekutana na hali hii:

Kuna maandishi ya N kichwani, na hati inapopakiwa, itazuia uwasilishaji wa ukurasa, ambao kawaida huwa tupu.

Bila shaka, tunaweza kuzunguka hili kwa kuweka hati katika msimbo wa chanzo kwenye kijachini.

Hata hivyo, baadhi ya mazingira magumu ya maendeleo yanaweza kufanya kazi hii rahisi kuwa ngumu zaidi.

Katika hatua hii tunaweza kutumia mali ya Defer, ambayo ni mali adimu katika JavaScript.

Huenda usitumie kamwe, lakini baada ya kusoma utangulizi huu, nina uhakika hutauacha.

Kazi yake kuu ni kuruhusu hati kuchanganua baada ya ukurasa mzima kupakiwa, badala ya kuichanganua kwenye upakiaji, ambayo hutoa kasi kamili ya upakiaji wa ukurasa kwa hati ambazo zina JavaScript iliyoanzishwa na tukio pekee.

Ndiyo, ikiwa lebo ya hati ina sifa ya kuahirisha, itatekelezwa baada ya kuchanganua ukurasa wa HTML hata ikiwa imewekwa kichwani, ambayo ni sawa na kuweka hati chini ya ukurasa.

Kwa kweli, utumiaji wa kuchelewesha pia ni mdogo, kwa kawaida makini na pointi 2:

1) Usiite amri ya document.write katika kizuizi cha hati cha aina iliyoahirishwa;

• Kwa sababu document.write itatoa matokeo ya moja kwa moja.

2) Usitumie vigeu vya kimataifa au vitendakazi katika hati za Ahirisha, ikijumuisha hati zozote za utekelezaji wa haraka.

Ongeza sifa ya Ahirisha kwa hati inayotumika katika WordPress

Katika WordPress, tunawezaje kuongeza kiotomatiki sifa ya Kuahirisha kwa hati zinazotumiwa na WordPress?

Tunaweza kuongeza msimbo ufuatao kwenye faili ya mandhari ya kazi.php ▼

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

• Nambari iliyo hapo juu inafanya kazi tu, kulingana naNambari ya JavaScript iliyoletwa na WordPressitakuwa na ufanisi.

注意 事项

Usimamizi wa Hakiki Papo Hapo unaweza kuonyesha wazi:

Ukitumia msimbo ulio hapo juu, unapofungua udhibiti wa onyesho la kuchungulia la wakati halisi (Muonekano → Geuza kukufaa), unaweza kuonyesha wazi, kwa hivyo tafadhali itumie inavyofaa.

Wakati usimamizi wa onyesho la kukagua katika wakati halisi unahitajika, toa maoni kwa msimbo ulio hapo juu, na ufute msimbo uliotolewa maoni baada ya kubinafsisha kukamilika.

Mfano wa nambari ya maoni ya PHP:

/*

这里是代码 

*/