Nå og da kan du høre klagen på den dårlige lastetiden for siden. De fleste WordPress-brukere står overfor dette problemet.


Selv etter å ha brukt de generelle tipsene og triksene, forbedres ikke nettstedets hastighet. Det er fordi de ikke-teknologiene ikke aner om tingene som blir lastet i bakgrunnen.
Hver gang du velger et WordPress-tema, blir det alltid sagt å teste det i et lokalt miljø. Det er fordi ikke alle temaer er optimalisert for hastighet.

Hvis du er en koder, vet du kanskje at JavaScript er et skriptspråk og for et WordPress-nettsted er det et klientsidespråk.

I denne opplæringen skal du lære om å flytte JavaScript-filene med WordPress-temaet til bunnteksten på nettstedet.

Nå lurer du kanskje på hva som vil være fordelen. Vel, når brukerne laster inn et nettsted, begynner nettleseren å laste inn bilder, CSS-fil, JavaScript-filer og mye mer.

Men hvis du flytter JavaScript til bunnteksten, vil brukeren ikke en gang legge merke til noe fordi de fleste tingene som håndteres av JavaScript er i bruk når nettstedet er helt åpnet.

Så JavaScript-filene blir lastet i bakgrunnen, og brukerne vil se nettstedet ditt før det pleide å gjøre det.

Det hjelper deg direkte å øke nettstedets hastighet. Brukeropplevelse er alltid den første tingen å fokusere på, og du vet at ingen liker å vente på at et nettsted blir lastet hvis det er tregt.

Så i dag skal jeg lede deg gjennom en enkel prosess som kan hjelpe deg.

Forstå begrepet JavaScript WordPress Theme Codex

For å gjøre endringer, bør du først og fremst vite hvilken kode som kontrollerer denne filen, og hvor kan du finne den.

Hvis du vet litt om WordPress-temaer, vet du kanskje allerede at functions.php fil er en av de viktigste filene.

Selv om du er en ikke-teknisk person, har du kanskje hørt om denne filen. Hvis ikke, ikke bekymre deg, jeg skal hjelpe deg med å finne det.

Følg disse trinnene.

Trinn 1

Logg deg på ditt WordPress adminpanel og gå til Utseende>>Redaktør.

Steg 2

En ny side åpnes der du ser kodene. Men du må finne funksjoner.php-filen. Bare se på høyresiden.

Søk etter Temafunksjoner (features.php) og klikk på det.

Trinn 3: – Når du har gjort det, vil du kunne se mange funksjoner som styrer bruken av ditt WordPress-tema, eller du kan si funksjonene på nettstedet ditt.

Du må finne en funksjon som brukes til å legge til skriptfilene.

Søk etter "wp_enqueue_script".

Nå er det på tide å forklare om denne Codex. Mange parametere kan sendes til dette.

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

  • $ håndtak: – Det er navnet på filen.
  • $ src: – Adresse eller sti til filen.
  • $ deps: – Det er en matrise å håndtere skriptet.
  • $ ver: – Det er versjonen av filen.
  • $ in_footer: – Som standard er den satt til "Falsk".

Så hvis du endrer den endelige parameteren til "ekte", JavaScript-filen blir flyttet til bunnteksten.

Er ikke så lett?

Det er mulig at temautvikleren har forarbeidet mange JavaScript-filer.

Merk: Ikke gjør noen endringer hvis du ikke er klar over temakoden.

La meg vise deg et eksempel på de komplette funksjonene.

funksjonen_script_file () {
wp_enqueue_script (‘script’, get_template_directory_uri (). ‘/Js/script.js’ , " , ‘1,0’, sant);
}
add_filter (‘wp_enqueue_scripts’, ‘the_script_file’);

Hver WordPress-temautvikler har en annen kodestil, slik at funksjonene vil være forskjellige.

Det viktige er å finne "wp_enqueue_script" Kodeks og sett verdien av $ in_footer til "ekte".

Når du har gjort det, lagrer du filen, og du kan sjekke kildekoden til nettstedet ditt.

JavaScript-filen blir flyttet til bunnteksten.

Jeg håper du kan finne funksjoner.php-filen

Hvis du ikke ser Editor-alternativet i WordPress-oversikten, må du få tilgang til denne filen fra cPanel på nettstedet ditt..

Kan du endre den påkrevde koden fra WordPress-administratorpanelet

Jeg har nevnt den enkleste måten å redigerefunksjonene.php-filen. Selv en nybegynner kan gjøre dette. Du trenger bare å finne skriptet WordPress Codex og endre parameteren.

Jeg vet at du kanskje lurer på om det er den enkleste måten enn dette. Vel, hvis du er redd for å gjøre denne endringen, kan du be teknikervennen din gjøre dette for deg.

Merk: Jeg vil nevne at før du gjør endringer, bør du ta sikkerhetskopi av nettstedet og databasen.

De fleste glemmer å gjøre det og ødelegger nettstedet deres. Du bør ikke ta noen form for risiko. Som jeg allerede har nevnt, er funksjoner.php-filen en av de viktigste filene, så den bør håndteres med omhu.

Hvis du legger til noe annet, vil det stoppe noen få funksjoner på nettstedet ditt. Det vil bryte utformingen av nettstedet. Det er bedre å være trygg enn å beklage.

Konklusjon

Det endelige målet er å utsette lastingen til JavaScript-filen slik at nettleseren raskt kan vise nettstedet til brukerne.

Når du holder skriptfilene i overskriften, tar nettleseren så mye tid å laste alle filene og å vise nettstedet.

Så jeg har vist deg et enkelt triks for å flytte JavaScript-filen til bunnteksten på nettstedet. Det hjelper til med å forbedre lastetiden for nettstedssiden.

Sjekk ut disse topp 3 WordPress hosting-tjenestene:

FastComet

Startpris:
$ 2.95


Pålitelighet
9.7


Priser
9.5


Brukervennlig
9.7


Brukerstøtte
9.7


Funksjoner
9.6

Les anmeldelser

Besøk FastComet

Hostinger

Startpris:
$ 0.99


Pålitelighet
9.3


Priser
9.3


Brukervennlig
9.4


Brukerstøtte
9.4


Funksjoner
9.2

Les anmeldelser

Besøk Hostinger

A2 Hosting

Startpris:
$ 3.92


Pålitelighet
9.3


Priser
9.0


Brukervennlig
9.3


Brukerstøtte
9.3


Funksjoner
9.3

Les anmeldelser

Besøk A2 Hosting

Relaterte artikler for hvordan du gjør det

  • Slik øker du hastigheten på nettstedet ved å fjerne spørringstrenger fra statiske ressurser
    mellomliggende
  • Hvordan redigere WordPress sin wp-config.php fil ved hjelp av cPanel
    mellomliggende
  • Slik installerer du Google Analytics på ditt WordPress-nettsted
    mellomliggende
  • Hvordan undersøke og reparere en database i PhpMyAdmin
    mellomliggende
  • Slik legger du til en WordPress-administratorbruker ved hjelp av PHP-kode
    Ekspert
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me