Kif tagħmel WordPress tagħbija għażżien JavaScript biex tħaffef l-għoti tal-paġna?

WordPressTagħbija għażżien ta’ JavaScript biex tħaffef il-metodi ta’ rendering tal-paġna.

X'inhi l-proprjetà Defer ta' JavaScript?

Kulħadd x'aktarx iltaqa' ma' din is-sitwazzjoni:

Hemm N skripts fir-ras, u meta l-iskripts huma mgħobbija, ir-rendi tal-paġna huwa mblukkat, li normalment ikun vojt.

Naturalment, nistgħu nidħlu minn dan billi npoġġu l-iskrittura fil-kodiċi tas-sors fil-footer.

Madankollu, xi ambjenti ta 'żvilupp kumplessi jistgħu jagħmlu dan il-kompitu sempliċi partikolarment kumpless.

F'dan il-punt nistgħu nużaw il-proprjetà Defer, li hija proprjetà relattivament rari f'JavaScript.

Forsi qatt ma tużah, imma wara li taqra din l-introduzzjoni, jien ċert li mhux se tħalliha.

Il-funzjoni ewlenija tagħha hija li tħalli l-iskritt parse wara li titgħabba l-paġna kollha, minflok ma tiġi analizzata waqt it-tagħbija, li tipprovdi veloċità sħiħa tat-tagħbija tal-paġna għal skripts li fihom biss JavaScript attivat mill-avveniment.

Iva, jekk it-tikketta tal-iskrittura għandha attribut defer, din tiġi eżegwita wara li tiġi analizzata l-paġna HTML anki jekk titqiegħed fir-ras, li huwa simili għat-tqegħid tal-iskrittura fil-qiegħ tal-paġna.

Naturalment, l-użu tad-dewmien huwa wkoll limitat, ġeneralment tagħti attenzjoni għal 2 punti:

1) Issejjaħx il-kmand document.write fi blokk ta 'skript tat-tip defered differit;

• Minħabba li document.write se jipproduċi effett ta 'output dirett.

2) Tużax varjabbli jew funzjonijiet globali f'Defer scripts, inklużi kwalunkwe skripts ta' eżekuzzjoni immedjata.

Żid l-attribut Defer mal-kitba użata f'WordPress

Fi WordPress, kif nistgħu nżidu awtomatikament l-attribut Defer għall-iskripts użati minn WordPress?

Nistgħu nżidu l-kodiċi li ġej mal-fajl functions.php tat-tema kurrenti ▼

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

• Il-kodiċi ta 'hawn fuq jaħdem biss, skondKodiċi JavaScript introdott minn WordPressse jkun effettiv.

注意 事项

Il-Ġestjoni tal-Preview Live tista' turi vojta:

Jekk tuża l-kodiċi ta 'hawn fuq, meta tiftaħ il-ġestjoni tal-preview f'ħin reali (Dehra → Ippersonalizza), tista' turi vojta, għalhekk jekk jogħġbok użah kif xieraq.

Meta tkun meħtieġa ġestjoni tal-preview f'ħin reali, ikkummenta l-kodiċi ta 'hawn fuq, u ħassar il-kodiċi ikkummentat wara li titlesta l-adattament.

Eżempju tal-kodiċi tal-kumment PHP:

/*

这里是代码 

*/