Voit silloin tällöin kuulla valituksen sivun heikosta latausajasta. Suurin osa WordPress-käyttäjistä on tämän ongelman edessä.


Jopa yleisten vinkkien ja suositusten noudattamisen jälkeen verkkosivuston nopeus ei parane. Se johtuu siitä, että ei-teknisillä ihmisillä ei ole aavistustakaan asioista, jotka latautuvat taustalle.
Aina kun valitset WordPress-teeman, sanotaan aina testaavan se paikallisessa ympäristössä. Jokainen teema ei ole optimoitu nopeudelle.

Jos olet koodaaja, saatat tietää, että JavaScript on skriptikieli ja WordPress-verkkosivustolle se on asiakaspuolen kieli.

Tässä opetusohjelmassa aiot oppia WordPress-teeman JavaScript-tiedostojen siirtämisestä verkkosivun alatunnisteeseen.

Nyt saatat miettiä, mikä hyötyä siitä on. No, kun käyttäjät lataavat verkkosivuston, selain alkaa ladata kuvia, CSS-tiedostoa, JavaScript-tiedostoja ja paljon muuta.

Mutta jos siirrät JavaScriptin alatunnisteeseen, käyttäjä ei edes huomaa mitään, koska suurin osa JavaScriptin käsittelemistä asioista on käytössä, kun verkkosivusto on kokonaan avattu.

Joten JavaScript-tiedostot ladataan taustalle, ja käyttäjät näkevät verkkosivustosi ennen sitä.

Se auttaa sinua lisäämään verkkosivuston nopeutta. Käyttäjäkokemus on aina ensimmäinen asia, johon keskitytään, ja tiedät, että kukaan ei halua odottaa sivuston latautumista, jos se on hidas.

Joten tänään aion käydä läpi yksinkertaisen prosessin, joka voi auttaa sinua.

Ymmärtää JavaScriptin WordPress-teemakokoodeksin käsite

Jos haluat tehdä muutoksia, sinun on ensin tiedettävä, mikä koodi hallitsee tätä tiedostoa ja mistä se löytyy.

Jos tiedät vähän WordPress-teemoista, saatat jo tietää, että functions.php tiedosto on yksi tärkeimmistä tiedostoista.

Vaikka olet muu kuin tekninen henkilö, olet ehkä kuullut tästä tiedostosta. Jos ei, älä huoli, autan sinua paikantamaan sen.

Noudata näitä vaiheita.

Vaihe 1

Kirjaudu WordPress-järjestelmänvalvojapaneeliin ja mene osoitteeseen Ulkomuoto>>toimittaja.

Vaihe 2

Uusi sivu avataan, jossa näet koodit. Mutta sinun on löydettävä function.php-tiedosto. Katso vain oikeanpuoleista valikkoa.

Etsiä Teematoiminnot (function.php) ja napsauta sitä.

Vaihe 3: – Kun olet tehnyt tämän, näet monia toimintoja, jotka ohjaavat WordPress-teeman toimintaa, tai voit sanoa verkkosivustosi toiminnot..

Sinun on löydettävä toiminto, jota käytetään skriptitiedostojen lisäämiseen.

Etsiä "wp_enqueue_script".

Nyt on aika selittää tämä säännöstö. Tähän voidaan siirtää monia parametreja.

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

  • $ käsittele: – Se on tiedoston nimi.
  • $ src: – tiedoston osoite tai polku.
  • $ deps: – Skriptiä käsitellään taulukossa.
  • $ ver: – Se on tiedoston versio.
  • $ in_footer: – Oletuksena se on "Väärä".

Joten jos muutat lopullisen parametrin arvoon "Totta", JavaScript-tiedosto siirretään alatunnisteeseen.

Eikä ole niin helppoa?

On mahdollista, että teemakehittäjä on salanut monia JavaScript-tiedostoja.

Huomaa: Älä tee mitään muutoksia, jos et ole tietoinen teemakoodeksista.

Annan näyttää esimerkin kaikista toiminnoista.

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

Jokaisella WordPress-teemakehittäjällä on erilainen koodaustyyli, joten toiminnot ovat erilaisia.

Tärkeä asia on löytää "wp_enqueue_script" Codex ja aseta arvo $ in_footer että "Totta".

Kun olet tehnyt sen, tallenna tiedosto ja voit tarkistaa verkkosivustosi lähdekoodin.

JavaScript-tiedosto siirretään alatunnisteeseen.

Toivottavasti löydät funktion.php-tiedoston

Jos et näe Editor-vaihtoehtoa WordPress-hallintapaneelissa, sinun on käytettävä tätä tiedostoa verkkosivustosi cPanel-sovelluksessa..

Voitko muuttaa tarvittavan koodin WordPress-hallintapaneelista

Olen maininnut helpoimman tavan Funk.php-tiedoston muokkaamiseen. Jopa aloittelija voi tehdä tämän. Sinun on löydettävä vain WordPress Codex -komentosarja ja muutettava parametri.

Tiedän, että saatat ihmetellä, mikä olisi helpoin tapa kuin tämä. No, jos pelkäät tehdä tätä muutosta, voit pyytää techie-ystävääsi tekemään tämän puolestasi.

Huomaa: Haluan mainita, että ennen muutosten tekemistä sinun tulee varmuuskopioida verkkosivustosi ja sen tietokanta.

Suurin osa ihmisistä unohtaa tehdä sen ja rikkoa verkkosivustonsa. Sinun ei pitäisi ottaa minkäänlaista riskiä. Kuten jo mainitsin, function.php-tiedosto on yksi tärkeimmistä tiedostoista, joten sitä tulisi käsitellä varoen.

Jos lisäät jotain muuta, se estää joitain verkkosivustosi toimintoja. Se rikkoo verkkosivuston asettelun. On parempi olla turvassa kuin pahoillani.

johtopäätös

Lopullinen tavoite on viivästyttää lataamista JavaScript-tiedostoon, jotta selain voi näyttää verkkosivun nopeasti käyttäjille.

Kun pidät komentotiedostot otsikossa, selain vie niin paljon aikaa kaikkien tiedostojen lataamiseen ja verkkosivuston näyttämiseen.

Joten olen osoittanut sinulle yksinkertaisen tempun JavaScript-tiedoston siirtämiseen verkkosivun alatunnisteeseen. Se auttaa parantamaan verkkosivun latausaikaa.

Katso nämä WordPressin 3 parasta isännöintipalvelua:

FastComet

Aloitushinta:
$ 2,95


Luotettavuus
9.7


hinnoittelu
9,5


Käyttäjäystävällinen
9.7


Tuki
9.7


ominaisuudet
9.6

Lue arvosteluja

Käy FastCometissa

Hostinger

Aloitushinta:
$ 0.99


Luotettavuus
9,3


hinnoittelu
9,3


Käyttäjäystävällinen
9.4


Tuki
9.4


ominaisuudet
9.2

Lue arvosteluja

Käy Hostinger

A2-hosting

Aloitushinta:
$ 3,92


Luotettavuus
9,3


hinnoittelu
9.0


Käyttäjäystävällinen
9,3


Tuki
9,3


ominaisuudet
9,3

Lue arvosteluja

Käy A2-hosting-palvelussa

Aiheeseen liittyvät ohjeartikkelit

  • Kuinka lisätä verkkosivuston nopeutta poistamalla kyselyjonot staattisista lähteistä
    väli-
  • Kuinka muokata WordPressin wp-config.php-tiedostoa cPanelilla
    väli-
  • Kuinka asentaa Google Analytics WordPress -sivustoosi
    väli-
  • Kuinka tutkia ja korjata tietokanta PhpMyAdmin-ohjelmassa
    väli-
  • Kuinka lisätä WordPress-järjestelmänvalvojan käyttäjä PHP-koodilla
    asiantuntija
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me