Ngayon at pagkatapos ay maaari mong marinig ang reklamo tungkol sa hindi magandang oras ng paglo-load ng pahina. Karamihan sa mga gumagamit ng WordPress ay nahaharap sa problemang ito.


Kahit na pagkatapos mag-apply sa pangkalahatang mga tip at trick, hindi mapabuti ang bilis ng website. Ito ay dahil ang mga di-techie na tao ay walang ideya tungkol sa mga bagay na nai-load sa background.
Sa tuwing pumili ka ng isang tema ng WordPress, palaging sinabi na subukan ito sa isang lokal na kapaligiran. Ito ay dahil hindi lahat ng tema ay na-optimize para sa bilis.

Kung ikaw ay isang coder, maaaring alam mo na ang JavaScript ay isang wika ng script at para sa isang WordPress website, ito ay isang client-side wika.

Sa tutorial na ito, matututunan mo ang tungkol sa paglipat ng mga file ng JavaScript ng iyong WordPress na tema sa footer ng website.

Ngayon ay maaari kang magtataka na kung ano ang magiging pakinabang. Well, kapag ang mga gumagamit ay nag-load ng isang website, nagsisimula ang browser sa pag-load ng mga imahe, CSS file, mga file ng JavaScript, at marami pa.

Ngunit kung ililipat mo ang JavaScript sa footer, hindi mapapansin ng gumagamit ang anuman dahil ang karamihan sa mga bagay na hinahawakan ng JavaScript ay ginagamit sa sandaling ang website ay ganap na binuksan..

Kaya, ang mga file ng JavaScript ay mai-load sa background, at makikita ng mga gumagamit ang iyong website bago ito nauna.

Direkta itong makakatulong sa iyo na madagdagan ang bilis ng website. Ang karanasan ng gumagamit ay palaging ang unang bagay na nakatuon, at alam mo na walang nagnanais na maghintay para sa isang site na ma-load kung mabagal.

Kaya ngayon, lalakad kita sa isang simpleng proseso na makakatulong sa iyo.

Unawain ang Konsepto ng JavaScript WordPress Code Code

Upang makagawa ng anumang mga pagbabago, una sa lahat, dapat mong malaman kung aling code ang kumokontrol sa file na ito at saan mo mahahanap ito.

Kung alam mo nang kaunti tungkol sa Mga Tema ng WordPress, maaari mo nang malaman na function.php ang file ay isa sa pinakamahalagang file.

Kahit na ikaw ay isang hindi taong techie, maaaring narinig mo ang tungkol sa file na ito. Kung hindi, huwag mag-alala, tutulungan kitang hanapin ito.

Sundin ang mga hakbang.

Hakbang 1

Mag-login sa iyong panel ng admin ng WordPress at pumunta sa Hitsura>>Editor.

Hakbang 2

Ang isang bagong pahina ay mabubuksan kung saan makikita mo ang mga code. Ngunit kailangan mong hanapin ang mga function.php file. Magkaroon lamang ng isang pagtingin sa kanang bahagi ng menu.

Maghanap para sa Mga Pag-andar ng Tema (function.php) at mag-click sa na.

Hakbang 3: – Kapag nagawa mo iyon, magagawa mong makita ang maraming mga pag-andar na kumokontrol sa pagtatrabaho ng iyong WordPress tema o masasabi mo ang mga pag-andar ng iyong website.

Kailangan mong maghanap ng isang function na ginagamit upang magdagdag ng mga file ng scripting.

Maghanap para sa “wp_enqueue_script”.

Ngayon na ang oras upang maipaliwanag ang tungkol sa Codex na ito. Maraming mga parameter ang maaaring maipasa sa ito.

wp_enqueue_script ($ hawakan, $ src, $ deps, $ ver, $ in_footer);

  • $ hawakan: – Ito ang pangalan ng file.
  • $ src: – Address o landas ng file.
  • $ deps: – Ito ay isang array upang hawakan ang script.
  • $ ver: – Ito ang bersyon ng file.
  • $ in_footer: – Bilang default, nakatakda ito “Mali”.

Kaya kung binago mo ang pangwakas na parameter “Totoo”, ang JavaScript file ay maililipat sa footer.

Hindi ba madali?

Posible na ang developer ng tema ay nag-enqueu sa maraming mga file ng JavaScript.

Tandaan: Huwag gumawa ng anumang mga pagbabago kung hindi mo alam ang tema codex.

Hayaan akong magpakita sa iyo ng isang halimbawa ng kumpletong pag-andar.

gumana ang_script_file () {
wp_enqueue_script (‘script’, get_template_directory_uri (). ‘/Js/script.js’ , ” , ‘1.0’, totoo);
}
add_filter (‘wp_enqueue_scripts’, ‘the_script_file’);

Ang bawat developer ng tema ng WordPress ay may ibang estilo ng coding kaya magkakaiba ang mga pag-andar.

Ang mahalagang bagay ay hanapin ang “wp_enqueue_script” Codex at itakda ang halaga ng $ in_footer sa “Totoo”.

Kapag ginawa mo iyon, i-save ang file at maaari mong suriin ang source code ng iyong website.

Ang JavaScript file ay lilipat sa footer nito.

Inaasahan kong Maaari mong Makahanap ang mga function.php File

Kung hindi mo nakikita ang pagpipilian ng Editor sa iyong dashboard ng WordPress, kailangan mong ma-access ang file na ito mula sa cPanel ng iyong website.

Maaari mong Baguhin ang Kinakailangan Code mula sa Iyong WordPress Admin Panel

Nabanggit ko ang pinakamadaling paraan upang mai-edit ang file ng function.php. Kahit na ang isang nagsisimula ay maaaring gawin ito. Kailangan mo lamang mahanap ang script ng WordPress Codex at baguhin ang parameter.

Alam kong baka nagtataka ka kung ano ang pinakamadaling paraan kaysa dito. Well, kung natatakot mong gawin ang pagbabagong ito, maaari mong hilingin sa iyong kaibigan sa techie na gawin ito para sa iyo.

Tandaan: Gusto kong banggitin na bago ka gumawa ng anumang mga pagbabago, dapat mong backup ang iyong website at database nito.

Karamihan sa mga tao ay nakakalimutan na gawin ito at sirain ang kanilang website. Hindi ka dapat kumuha ng anumang uri ng panganib. Tulad ng nabanggit ko na, ang file ng function.php ay isa sa pinakamahalagang file kaya dapat itong hawakan nang may pag-aalaga.

Kung nagdagdag ka ng iba pa, hihinto ito ng ilang mga pag-andar ng iyong website. Masisira nito ang layout ng website. Mas mahusay na maging ligtas kaysa sa paumanhin.

Konklusyon

Ang panghuling layunin ay upang maantala ang pag-load sa JavaScript file upang ang browser ay maaaring maipakita ang website nang mabilis sa mga gumagamit.

Kapag pinapanatili mo ang mga file ng scripting sa header, ang browser ay tumatagal ng maraming oras upang mai-load ang lahat ng mga file at upang ipakita ang website.

Kaya ipinakita ko sa iyo ng isang simpleng trick upang ilipat ang JavaScript file sa footer ng website. Makakatulong ito upang mapabuti ang oras ng pag-load ng pahina ng website.

Suriin ang mga nangungunang 3 mga serbisyo sa hosting ng WordPress:

FastComet

Panimulang presyo:
$ 2.95


Kahusayan
9.7


Pagpepresyo
9.5


Friendly ng Gumagamit
9.7


Suporta
9.7


Mga Tampok
9.6

Basahin ang mga review

Bisitahin ang FastComet

Hostinger

Panimulang presyo:
$ 0.99


Kahusayan
9.3


Pagpepresyo
9.3


Friendly ng Gumagamit
9.4


Suporta
9.4


Mga Tampok
9.2

Basahin ang mga review

Bisitahin ang Hostinger

A2 Hosting

Panimulang presyo:
$ 3.92


Kahusayan
9.3


Pagpepresyo
9.0


Friendly ng Gumagamit
9.3


Suporta
9.3


Mga Tampok
9.3

Basahin ang mga review

Bisitahin ang A2 Hosting

Kaugnay na Mga Artikulo Paano-Sa

  • Paano Madagdagan ang Bilis ng Website Sa pamamagitan ng Pag-alis ng Mga string ng Query Mula sa Static Resources
    nasa pagitan
  • Paano I-edit ang Wp-config.php File ng WordPress Gamit ang cPanel
    nasa pagitan
  • Paano i-install ang Google Analytics sa Iyong WordPress Site
    nasa pagitan
  • Paano Suriin At Pag-aayos ng Isang Database sa PhpMyAdmin
    nasa pagitan
  • Paano Magdagdag ng isang User ng Administrator ng WordPress Gamit ang Code ng PHP
    dalubhasa
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me