Yadda ake yin JavaScript na kasala na WordPress don haɓaka ma'anar shafi?

WordPressLalacewar lodawa na JavaScript don haɓaka hanyoyin samar da shafi.

Lazy-lodi na WordPress JavaScript don haɓaka fassarar shafi

Menene kayan Defer JavaScript?

Watakila kowa ya fuskanci wannan yanayin:

Akwai N scripts a cikin kai, kuma idan an loda rubutun, ana toshe rubutun da aka rubuta, wanda yawanci ba komai bane.

Tabbas, zamu iya kaiwa ga wannan ta hanyar sanya rubutun a cikin lambar tushe a cikin ƙafar ƙafa.

Koyaya, wasu rikitattun mahallin ci gaba na iya sanya wannan aiki mai sauƙi musamman mai rikitarwa.

A wannan gaba za mu iya amfani da kayan Defer, wanda ke da ƙarancin ƙarancin kadara a JavaScript.

Ba za ku taɓa amfani da shi ba, amma bayan karanta wannan gabatarwar, na tabbata ba za ku bar ta ba.

Babban aikinsa shi ne barin rubutun bayan an ɗora dukkan shafin, maimakon yin la'akari da shi a kan lodi, wanda ke ba da cikakken saurin lodin shafi don rubutun da kawai ya ƙunshi JavaScript mai tasowa.

Eh, idan alamar rubutun yana da sifa na jinkiri, za a aiwatar da shi bayan an tantance shafin HTML ko da an sanya shi a kai, wanda yayi kama da sanya rubutun a kasan shafin.

Tabbas, amfani da jinkiri shima yana iyakance, yawanci kula da maki 2:

1) Kar a kira dokar document.write a cikin toshe nau'in rubutun da aka jinkirta;

  • Domin document.write zai haifar da tasirin fitarwa kai tsaye.

2) Kar a yi amfani da masu canji ko ayyuka na duniya a cikin rubutun Defer, gami da kowane rubutun kisa nan take.

Ƙara sifa ta Defer zuwa rubutun da aka yi amfani da shi a cikin WordPress

A cikin WordPress, ta yaya za mu iya ƙara sifa ta Defer ta atomatik zuwa rubutun da WordPress ke amfani da shi?

Za mu iya ƙara lambar mai zuwa zuwa ayyukan jigon na yanzu.php fayil ▼

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

Kariya

Gudanar da Preview Live na iya nuna fanko:

Idan ka yi amfani da lambar da ke sama, lokacin da ka buɗe sarrafa samfoti na ainihi (bayyanar → Customize), yana iya nuna fanko, don haka da fatan za a yi amfani da shi yadda ya dace.

Lokacin da ake buƙatar gudanar da samfoti na ainihi, yi sharhi kan lambar da ke sama, kuma share lambar da aka yi sharhi bayan an gama keɓancewa.

Misali na lambar sharhi na PHP:

/*

这里是代码 

*/

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) shared "Yaya ake yin JavaScript na kasalanci na WordPress don haɓaka fassarar shafi? , don taimaka muku.

Barka da zuwa raba hanyar haɗin wannan labarin:https://www.chenweiliang.com/cwl-954.html

Barka da zuwa tashar Telegram na Chen Weiliang's blog don samun sabbin abubuwa!

🔔 Kasance na farko don samun "ChatGPT Content Marketing AI Tool Guideing Guide" a cikin babban jagorar tashar! 🌟
📚 Wannan jagorar ya ƙunshi ƙima mai yawa, 🌟Wannan dama ce da ba kasafai ba, kar a rasa ta! ⏰⌛💨
Share da like idan kuna so!
Rarraba ku da abubuwan so sune ci gaba da ƙarfafa mu!

 

comments

Adireshin imel ba za a buga ba. Ana amfani da filayen da ake buƙata * Alamar

gungura zuwa sama