Hoe om die JavaScript van WordPress Theme na die voetskrif te skuif vir beter prestasie

Nou en dan kan u die klagte oor die laai tyd van die bladsy hoor. Die meeste WordPress-gebruikers het hierdie probleem.


Selfs nadat die algemene wenke en truuks toegepas is, verbeter die spoed van die webwerf nie. Dit is omdat die nie-tegniese mense geen idee het van die dinge wat op die agtergrond gelaai word nie.
Telkens wanneer u ‘n WordPress-tema kies, moet u dit altyd op ‘n plaaslike omgewing toets. Dit is omdat nie elke tema vir spoed geoptimaliseer is nie.

As u ‘n kodeerder is, weet u miskien dat JavaScript ‘n skriftaal is en vir ‘n WordPress-webwerf, dit is ‘n taal aan die kliënt.

In hierdie handleiding gaan u leer hoe om die JavaScript-lêers van u WordPress-tema na die bladsyvoet van die webwerf te skuif.

Nou wonder u miskien of dit die voordeel sal wees. Wel, as die gebruikers ‘n webwerf laai, begin die blaaier die beelde, CSS-lêer, JavaScript-lêers en nog baie meer laai.

Maar as u JavaScript na die voettekst skuif, sal die gebruiker nie eens iets agterkom nie, omdat die meeste van die dinge wat deur JavaScript hanteer word, in gebruik is sodra die webwerf volledig oopgemaak is.

Dus, die JavaScript-lêers sal op die agtergrond gelaai word, en die gebruikers sal u webwerf sien voordat dit voorheen was.

Dit help u direk om die spoed van die webwerf te verhoog. Gebruikerservaring is altyd die eerste ding waarop jy moet fokus, en jy weet dat niemand daarvan hou om te wag vir ‘n webwerf om gelaai te word as dit stadig is nie.

Dus gaan ek jou vandag deur ‘n eenvoudige proses lei wat jou kan help.

Verstaan ​​die konsep van JavaScript WordPress Theme Codex

Eerstens moet u weet watter kode hierdie lêer beheer en waar u dit kan vind.

As u ‘n bietjie van WordPress-temas weet, weet u dalk al dat die functions.php lêer is een van die belangrikste lêers.

Selfs as u ‘n nie-tegniese persoon is, het u moontlik van hierdie lêer gehoor. Indien nie, moenie bekommerd wees nie; ek sal u help om dit op te spoor.

Volg hierdie stappe.

Stap 1

Meld aan by u WordPress-beheerderpaneel en gaan na voorkoms>>redakteur.

Stap 2

‘N Nuwe bladsy word oopgemaak waar u die kodes sal sien. Maar u moet die funksies.php-lêer vind. Kyk net na die regterkieslys.

Soek vir Temafunksies (features.php) en klik daarop.

Stap 3: – Sodra u dit gedoen het, sal u baie funksies kan sien wat die werking van u WordPress-tema beheer, of u kan die funksies van u webwerf sê.

U moet ‘n funksie vind wat gebruik word om die skriplêers by te voeg.

Soek vir "wp_enqueue_script".

Dit is nou die tyd om te verduidelik oor hierdie Codex. Daar kan baie parameters oorgedra word.

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

  • $ handvatsel: – Dit is die naam van die lêer.
  • $ src: – Adres of pad van die lêer.
  • $ deps: – Dit is ‘n skikking om die draaiboek te hanteer.
  • $ ver: – Dit is die weergawe van die lêer.
  • $ in_footer: – Dit is standaard ingestel op "onwaar".

So as u die finale parameter verander na "True", die JavaScript-lêer sal na die bladsyvoetskrif geskuif word.

Is dit nie so maklik nie?

Dit is moontlik dat die tema-ontwikkelaar baie JavaScript-lêers opgestel het.

Opmerking: moenie veranderings aanbring as u nie bewus is van die temakode nie.

Laat ek u ‘n voorbeeld van die volledige funksies wys.

funksie the_script_file () {
wp_enqueue_script (‘script’, get_template_directory_uri (). ‘/Js/script.js’ , " , ‘1.0’, waar);
}
add_filter (‘wp_enqueue_scripts’, ‘the_script_file’);

Elke WordPress-tema-ontwikkelaar het ‘n ander koderingstyl, sodat die funksies anders sal wees.

Die belangrikste is om die "wp_enqueue_script" Codex en stel die waarde van $ in_footer om "True".

Sodra u dit gedoen het, stoor u die lêer en kan u die bronkode van u webwerf nagaan.

Die JavaScript-lêer sal na die voetskrif daarvan geskuif word.

Ek hoop dat u die funksies.php-lêer kan vind

As u die Editor-opsie nie in u WordPress-dashboard sien nie, moet u toegang tot hierdie lêer verkry vanaf die cPanel van u webwerf..

Kan u die vereiste kode verander vanaf u WordPress-beheerderspaneel

Ek het die maklikste manier genoem om die funksies.php-lêer te wysig. Selfs ‘n beginner kan dit doen. U hoef slegs die script WordPress Codex te vind en die parameter te verander.

Ek weet dat u miskien wonder of dit die maklikste manier is as dit. As u bang is om hierdie verandering aan te bring, kan u u tegniese vriend vra om dit vir u te doen.

Opmerking: ek wil noem dat u u webwerf en sy databasis moet rugsteun voordat u veranderings aanbring.

Die meeste mense vergeet om dit te doen en breek hul webwerf. U moet geen risiko neem nie. Soos ek reeds genoem het, is die funksies.php-lêer een van die belangrikste lêers, daarom moet dit versigtig hanteer word.

As u iets anders byvoeg, sal dit ‘n paar funksies van u webwerf stop. Dit sal die uitleg van die webwerf verbreek. Dit is beter om veilig te wees as jammer.

Afsluiting

Die finale doel is om die laai na die JavaScript-lêer te vertraag, sodat die blaaier die webwerf vinnig aan die gebruikers kan vertoon.

As u die skriflêers in die kopkop hou, neem die blaaier soveel tyd om al die lêers te laai en die webwerf te vertoon.

Dus het ek u ‘n eenvoudige truuk gewys om die JavaScript-lêer na die bladsyvoet van die webwerf te skuif. Dit help om die laai tyd van die webwerfbladsy te verbeter.

Kyk na die top 3 WordPress-hosting dienste:

FastComet

Beginprys:
$ 2.95


betroubaarheid
9.7


pryse
9.5


Gebruikersvriendelik
9.7


ondersteuning
9.7


Kenmerke
9.6

Lees resensies

Besoek FastComet

Hostinger

Beginprys:
$ 0.99


betroubaarheid
9.3


pryse
9.3


Gebruikersvriendelik
9.4


ondersteuning
9.4


Kenmerke
9.2

Lees resensies

Besoek Hostinger

A2 Hosting

Beginprys:
$ 3,92


betroubaarheid
9.3


pryse
9.0


Gebruikersvriendelik
9.3


ondersteuning
9.3


Kenmerke
9.3

Lees resensies

Besoek A2 Hosting

Verwante artikels oor hoe om te doen

  • Hoe u die snelheid van die webwerf kan verhoog deur die navraagstringe uit statiese bronne te verwyder
    intermediêre
  • Hoe om die wp-config.php-lêer van WordPress te wysig met behulp van cPanel
    intermediêre
  • Hoe u Google Analytics op u WordPress-webwerf kan installeer
    intermediêre
  • Hoe u ‘n databasis in PhpMyAdmin kan ondersoek en herstel
    intermediêre
  • Hoe om ‘n WordPress-administrateurgebruiker by te voeg met behulp van PHP-kode
    kenner
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me