Cum să mutați JavaScript Tema WordPress în subsolul pentru o performanță mai bună

Din când în când este posibil să auziți plângerea cu privire la timpul slab de încărcare a paginilor. Majoritatea utilizatorilor WordPress se confruntă cu această problemă.


Chiar și după aplicarea sfaturilor și a trucurilor generale, viteza site-ului nu se îmbunătățește. Se datorează faptului că oamenii non-techie nu au habar despre lucrurile care se încarcă în fundal.
Ori de câte ori alegeți o temă WordPress, se spune întotdeauna pentru a o testa pe un mediu local. Se datorează faptului că nu orice temă este optimizată pentru viteză.

Dacă sunteți un codificator, este posibil să știți că JavaScript este un limbaj de script și pentru un site Web WordPress, este un limbaj din partea clientului.

În acest tutorial, veți afla despre mutarea fișierelor JavaScript ale temei dvs. WordPress în subsolul site-ului web.

Acum s-ar putea să vă întrebați de ce va fi beneficiul. Ei bine, atunci când utilizatorii încarcă un site web, browserul începe să încarce imagini, fișier CSS, fișiere JavaScript și multe altele.

Dar dacă mutați JavaScript în subsol, utilizatorul nici nu va observa nimic, deoarece majoritatea lucrurilor gestionate de JavaScript vor fi utilizate odată ce site-ul va fi deschis complet.

Deci, fișierele JavaScript vor fi încărcate în fundal, iar utilizatorii vor vedea site-ul dvs. web înainte de a obișnui.

Te ajută direct să crești viteza site-ului. Experiența utilizatorului este întotdeauna primul lucru pe care să te concentrezi și știi că nimeni nu îi place să aștepte ca un site să se încarce dacă este lent.

Așadar, astăzi, vă voi conduce printr-un proces simplu care vă poate ajuta.

Înțelegeți conceptul Codului tematic WordPress JavaScript

Pentru a face orice modificări, în primul rând, trebuie să știți ce cod controlează acest fișier și unde îl puteți găsi.

Dacă știți un pic despre Temele WordPress, poate știți deja că functions.php fișierul este unul dintre cele mai importante fișiere.

Chiar dacă sunteți o persoană non-techie, este posibil să fi auzit despre acest dosar. Dacă nu, nu vă faceți griji, am să vă ajut să îl localizați.

Urmați acești pași.

Pasul 1

Conectați-vă la panoul dvs. de administrator WordPress și accesați Aspect>>Editor.

Pasul 2

Se va deschide o nouă pagină unde veți vedea codurile. Dar trebuie să găsiți fișierul funcții.php. Doar aruncați o privire pe meniul din partea dreaptă.

Caută Funcții tematice (funcții.php) și faceți clic pe asta.

Pasul 3: – După ce faceți acest lucru, veți putea vedea multe funcții care controlează funcționarea temei dvs. WordPress sau puteți spune funcțiile site-ului dvs..

Trebuie să găsiți o funcție care este utilizată pentru a adăuga fișierele de script.

Caută "wp_enqueue_script".

Acum este momentul să explicăm despre acest Codex. Mulți parametri pot fi trecuți la acest lucru.

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

  • $ handle: – Este numele fișierului.
  • $ src: – Adresa sau calea fișierului.
  • $ deps: – Este un tablou care să gestioneze scriptul.
  • $ ver: – Este versiunea fișierului.
  • $ in_footer: – În mod implicit, este setat la "Fals".

Deci, dacă schimbați parametrul final la "Adevărat", fișierul JavaScript va fi mutat în subsol.

Nu este ușor?

Este posibil ca dezvoltatorul temei să fi atras multe fișiere JavaScript.

Notă: Nu faceți modificări dacă nu sunteți la curent cu codul tematic.

Permiteți-mi să vă arăt un exemplu de funcții complete.

funcția the_script_file () {
wp_enqueue_script (‘script’, get_template_directory_uri (). ‘/Js/script.js’ , " , ‘1.0’, adevărat);
}
add_filter (‘wp_enqueue_scripts’, ‘the_script_file’);

Fiecare dezvoltator de teme WordPress are un stil de codare diferit, astfel încât funcțiile vor fi diferite.

Important este să găsești "wp_enqueue_script" Codex și setați valoarea lui $ in_footer la "Adevărat".

După ce faceți acest lucru, salvați fișierul și puteți verifica codul sursă al site-ului dvs. web.

Fișierul JavaScript va fi mutat în subsolul său.

Sper că puteți găsi fișierul funcții.php

Dacă nu vedeți opțiunea Editor în tabloul de bord WordPress, trebuie să accesați acest fișier din cPanel-ul site-ului dvs. web.

Puteți modifica codul necesar din panoul dvs. de administrare WordPress

Am menționat cel mai simplu mod de a edita fișierul funcții.php. Chiar și un începător poate face acest lucru. Trebuie doar să găsiți scriptul WordPress Codex și să modificați parametrul.

Știu că s-ar putea să vă întrebați de ce este calea cea mai simplă decât asta. Ei bine, dacă îți este frică să faci această schimbare, poți ruga prietenul tău tehnologic să facă asta pentru tine.

Notă: Aș dori să menționez că înainte de a face orice modificări, ar trebui să faceți backup site-ului dvs. web și a bazei sale de date.

Majoritatea oamenilor uită să o facă și să-și rupă site-ul. Nu ar trebui să vă asumați niciun fel de risc. După cum am menționat deja, fișierul funcții.php este unul dintre cele mai importante fișiere, așa că ar trebui să fie tratat cu grijă.

Dacă adăugați altceva, acesta va opri câteva funcții ale site-ului dvs. web. Acesta va rupe aspectul site-ului web. Este mai bine să fii în siguranță decât să-mi pară rău.

Concluzie

Scopul final este să întârzie încărcarea la fișierul JavaScript, astfel încât browserul să poată afișa rapid site-ul către utilizatori.

Când păstrați fișierele de script în antet, browserul necesită atât de mult timp pentru a încărca toate fișierele și pentru a afișa site-ul.

Așa că v-am arătat un truc simplu pentru a muta fișierul JavaScript în subsolul site-ului web. Ajută la îmbunătățirea timpului de încărcare a paginilor site-ului web.

Consultați aceste 3 servicii de găzduire WordPress:

FastComet

Pret de inceput:
$ 2,95


Fiabilitate
9.7


Prețuri
9.5


Ușor de utilizat
9.7


A sustine
9.7


Caracteristici
9.6

Citește recenziile

Accesați FastComet

Hostinger

Pret de inceput:
$ 0,99


Fiabilitate
9.3


Prețuri
9.3


Ușor de utilizat
9.4


A sustine
9.4


Caracteristici
9.2

Citește recenziile

Vizitați Hostinger

A2 Gazduire

Pret de inceput:
$ 3,92


Fiabilitate
9.3


Prețuri
9


Ușor de utilizat
9.3


A sustine
9.3


Caracteristici
9.3

Citește recenziile

Accesați Găzduirea A2

Articole legate de modalități conexe

  • Cum să crești viteza site-ului prin eliminarea șirurilor de interogare din resurse statice
    intermediar
  • Cum să editați fișierul wp-config.php WordPress folosind cPanel
    intermediar
  • Cum să instalați Google Analytics pe site-ul dvs. WordPress
    intermediar
  • Cum să examinați și să reparați o bază de date în PhpMyAdmin
    intermediar
  • Cum să adăugați un utilizator administrator WordPress folosind codul PHP
    expert
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me