Ki jan fè WordPress parese chaj JavaScript pou pi vit rann paj?

WordPressParese chaje JavaScript pou akselere metòd rann paj.

Ki sa ki pwopriyete Defer JavaScript a?

Tout moun te pwobableman rankontre sitiyasyon sa a:

Gen N scripts nan tèt la, epi lè scripts yo chaje, rann paj la bloke, ki anjeneral vid.

Natirèlman, nou ka jwenn alantou sa a lè w mete script la nan kòd sous la nan pye a.

Sepandan, kèk anviwònman devlopman konplèks ka fè travay senp sa a patikilyèman konplèks.

Nan pwen sa a nou ka itilize pwopriyete a Defer, ki se yon pwopriyete relativman ra nan JavaScript.

Ou ka pa janm sèvi ak li, men apre ou fin li entwodiksyon sa a, mwen sèten ou pa pral kite li.

Fonksyon prensipal li se kite script la analize apre tout paj la chaje, olye pou yo analize li sou chaj, ki bay vitès chaj plen paj pou scripts ki gen sèlman JavaScript deklanche evènman.

Wi, si tag script la gen yon atribi defer, li pral egzekite apre analize paj HTML la menm si li mete nan tèt la, ki se menm jan ak mete script la nan pati anba a nan paj la.

Natirèlman, itilizasyon reta tou limite, anjeneral peye atansyon sou 2 pwen:

1) Pa rele kòmandman document.write nan yon blòk script difere difere;

• Paske document.write pral pwodwi efè pwodiksyon dirèk.

2) Pa sèvi ak varyab mondyal oswa fonksyon nan script Defer, ki gen ladan nenpòt script ekzekisyon imedya.

Ajoute atribi Defer nan script yo itilize nan WordPress

Nan WordPress, ki jan nou ka ajoute otomatikman atribi Defer nan scripts yo itilize pa WordPress?

Nou ka ajoute kòd sa a nan fichye functions.php tèm aktyèl la ▼

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

• Kòd CI-dessus a sèlman travay, selonKòd JavaScript prezante pa WordPresspral efikas.

注意 事项

Jesyon Live Preview ka parèt vid:

Si ou itilize kòd ki anwo a, lè ou louvri jesyon preview an tan reyèl (Aparans → Customize), li ka parèt vid, kidonk tanpri itilize li jan sa apwopriye.

Lè yo mande jesyon aperçu an tan reyèl, fè kòmantè kòd ki anwo a, epi efase kòd kòmantè a apre yo fin fè personnalisation a.

Egzanp kòd kòmantè PHP:

/*

这里是代码 

*/