Cum să mutați scripturile în jos prin amânarea încărcării, în wordpress
Oarecum timp al zilei, prieteni, oaspeți și uitându-se ocazional la vizitatorii de lumină pe blogul pisicii mele!
Într-un fel, îmi amintesc, ți-am promis un articol despre unul dintre aspectele legate de optimizarea vitezei site-ului - despre mutarea scrierilor din partea de sus a paginii până la capăt. Și nu numai că a promis, dar și a scris, dar în legătură cu schimbarea temei de înregistrare pe acest blog, dintr-un anumit motiv, mi sa părut irelevant. În principal pentru că metodele și tehnicile pe care le-am folosit cu noua temă de design nu au funcționat.
După o mică reflecție, mi-am dat seama că este foarte posibil ca această informație să fie foarte oportună și utilă pentru dvs. De aceea, îmi imaginez încă câteva modalități de a transfera scripturi care încetinesc descărcarea site-ului WordPress, în jos.
De ce transferați scripturi până la subsol (subsolul) site-ului
Înainte de a face ceva, trebuie să înțelegeți clar de ce facem acest lucru și ce ne va da. Deci, de ce scade scripturile cât mai scăzute pe pagină, făcându-le să le încărcați?
Acum, să ne imaginăm ce se întâmplă atunci când un utilizator deschide o pagină a site-ului nostru, în antetul căruia există mai multe (și cel puțin un!) JS-script.
Pe partea de server execută tot codul php, formează un singur html document - codul sursă al paginii - care începe să fie trimis la browser. Codul de script este, de asemenea, încorporat în acest document la începutul acestuia.
Browserul începe să proceseze informațiile primite. Aproape imediat trece peste codul JS, oprește încărcarea paginii și începe executarea acestui cod. Apoi continuă descărcarea până când se reîntâlnește din nou scriptul următor.
Principalul lucru aici este că execuția de script-uri la început nu are nevoie de nimeni - utilizatorul nu a văzut nici măcar pagina, browserul nu a putut încă să-l afișeze. De exemplu, datorită scripturilor, butonul "Sus" funcționează. Dar de ce efectuați un script pentru el la începutul descărcării, dacă butonul însuși, aspectul său vizual este încă numit în subsolul?
O pagină este încărcată ar fi mult mai rapid dacă toate script-urile au fost în jos: browser-ul pentru a afișa rapid tot codul HTML, și numai în ultimul moment, până când utilizatorul se uite în jur și dau seama în cazul în care ar fi el încă apăsat, toate script-urile.
De aceea este logic să transferați toate scripturile cât mai jos posibil, mai aproape de sfârșitul paginii, până la subsolul ei.
Cum să mutați scripturile în jos
Modalități, prieteni, câteva aici. Și pentru scenariile diferite sunt potrivite diferite opțiuni.
Dar mai întâi de toate trebuie să înțelegeți ce sunt aceste scripturi și unde le putem vedea.
Acum începe distracția. Începem să transferăm scripturi.
Pasul unu. "Cut-Paste"
Primul lucru pe care trebuie să-l faceți este să deschideți fișierul header.php pentru pielea dvs. și să îl editați cu grijă pentru scenariile situate acolo - trebuie doar să căutați acele linii pe care le-ați văzut în codul sursă.
Dacă un astfel de șir de caractere este găsit, atunci ea ușor, cu toate etichetele sculptate din cod, și apoi deschideți fișierul footer.php și lipiți-l în el înainte de închidere
.
După fiecare astfel de operațiune, asigurați-vă că ați verificat locul de muncă!
Din păcate, nu vă pot arăta cum să faceți acest lucru, deoarece în niciuna dintre temele pe care le-am instalat, scripturile nu sunt conectate. Îndrăznesc să spun că aceasta nu este în niciun caz metoda cea mai populară. Să mergem mai departe.
Transferăm script-urile în footer.php editând fișierul functions.php
Foarte des, foarte des, dezvoltatorii temelor conectează scripturile la șabloanele lor utilizând fișierul functions.php. În principiu, acesta este modul cel mai corect și corect. Dar, din păcate, nu toată lumea o face prin feng shui, deși pentru a conecta scenariul la subiectul din subsol, și nu în titlu - sunt doar cinci caractere suplimentare. Dar să fim mai specifici.
Atunci când se lucrează cu script-uri utilizate de mai multe funcții. Suntem în prezent interesați în două dintre ele: wp_register_script - Această funcție înregistrează script-urile în subiect, și wp_enqueue_script - funcția conectează deja înregistrat (de exemplu, WordPress «cunoscut“ înainte de fișierele JS).
Pentru a înțelege principiul muncii noastre viitoare, să vorbim puțin despre aceste funcții.
Trăind creierul, amintiți-vă cursul matematicii - funcția ia întotdeauna unele argumente. În php nimic nou - ambele funcții iau un anumit set de argumente.
În paranteze sunt argumentele pe care le ia funcția:
$ handle - nume;
$ src - Adresa URL a fișierului JS care trebuie atașat;
$ deps - o serie de nume de script-uri, de care depinde conectarea;
$ ver - versiunea scriptului;
$ in_footer - acesta este pentru noi parametrul cel mai important - indică unde să se conecteze scriptul: între etichete (în antet) sau înainte de etichetă (în subsol).
Ești încă aici? Nu te teme, nu trebuie să înțelegi toate astea. Principalul lucru pe care trebuie să-l amintiți este că wp_enqueue_script ar trebui să ia cinci argumente, al cincilea indicând unde este conectat scriptul. Schimbând-o, poți schimba locația scriptului - trimite-l jos.
În mod similar cu funcția wp_register_script - este nevoie de aceleași argumente, respectiv, în cazul în care script-ul este declarat în ea, de asemenea, poate afecta poziția sa prin modificarea valorii argumentului $ in_footer
Ei bine, până acum. Vă voi reaminti, cel mai adesea toate script-urile conectate la tema dvs. sunt conectate în fișierul functions.php. O deschidem și o editați și căutăm numele acestor două funcții și verificăm dacă acestea conțin numele acelor fișiere js pe care le vedem în codul sursă.
Încă o dată - aici este codul meu sursă:
Și aici sunt funcțiile din fișierul functions.php care sunt responsabile pentru aceste scripturi:
Rețineți că fiecare script din codul sursă are propria funcție.
Acum este un lucru mic: corectarea codului un pic. Argumentul $ in_footer, care indică locația scriptului, este implicit la "false" - în antet. Deci, tot ce avem nevoie este să adăugăm în mod explicit valoarea "adevărată", ceea ce va spune că acest fișier js trebuie să fie conectat într-un subsol.
Rețineți că, deoarece funcția trebuie să accepte cinci argumente, este necesar să specificați toate cele lipsă.
Deci, în funcțiile a doua și a treia nu există niciun argument de versiune, deci adăugăm și el "în mod implicit" gol. Și numai după aceea specificăm valoarea "adevărată" (fără citate), astfel încât să se refere la al cincilea argument.
După toate editările, salvăm fișierul, verificăm site-ul pentru eficiență și analizăm din nou codul sursă:
Imaginea de ecran arată că am doar trei scripturi rămase. Restul a mers în siguranță la subsol:
În mod similar, puteți, de asemenea, să transferați scripturi care includ plug-in-uri. Este necesar să se calculeze fișierul plug-in în codul sursă care conține conexiunea pentru script și apoi să se editeze codul funcției de conectare / înregistrare în același mod.
Vă atrag atenția asupra faptului că nu este întotdeauna posibilă transferarea scripturilor plug-in în acest fel. Aici, de exemplu, script-ul plugin "Rublon" pe provocarea mea nu a cedat 🙂
În plus, este posibilă o altă opțiune, când în codul sursă al paginii nu veți vedea apelul scriptului (inclus în etichete ), dar direct textul său. Și apoi calculați ce plug-in aparține, puteți dezactiva plug-in-urile alternativ. Și dacă nu ajută, atunci trecând la momentul temei înregistrării - poate că ea este cea care este vinovată.
Dezactivați conexiunea standard jQuery WordPress
Deci, trei fișiere js sunt încă conectate în antetul blogului. Două dintre ele sunt o conexiune standard WordPress a bibliotecii JQuery și nu am putut să o îndreptățim cu cea de-a treia.
Apoi intrăm pe un teren destul de neclintit. Faptul este că toți avem modele diferite. Și setul de plug-in-uri este, de asemenea, diferit. Prin urmare, este posibil ca după completarea următoarelor recomandări să vi se refuze o anumită funcționalitate pe blog: glisoare, butoane sus-jos, cutii de lumină, orice altceva.
Cu toate acestea, nu încercați - nu știu. Prin urmare, vă sugerez să încercați să dezactivați jQuery standard pentru a obține un script minus două în antet. Ei bine, dacă se rupe ceva, îți las o cale.
De fapt, m-am gândit să dezactivez jQuery în WordPress în două moduri:
Am adăugat după ea o funcție care o suprascrie:
Apropo, pe blogul meu după închiderea jQuery, plug-in-ul lightbox a încetat să mai funcționeze. Așa că totul a trebuit să se întoarcă la locul unu. Cu toate acestea, dacă sunteți un aderent de minimalism în design și nu utilizați lucruri complicate pe blog-ul dvs. :), atunci poate că este logic să-l utilizați.
Acesta este modul în care puteți muta scripturile în jos, grăbind (în multe cazuri semnificativ) blogul dvs. preferat.
Și nu-mi spuneți că acest lucru este foarte dificil și aproape imposibil, că vă este frică să vă urcați în cod și în general ceainicul este un ceainic.
Revedeți cu atenție articolul, prindeți principiul de bază - și înainte, la baricade! Pentru a edita codul, utilizați pachetele "Notepad ++" și "FileZilla" și rețineți că cheile fierbinți din ++ ++ (anulați și repetați) reprezintă totul.
Și îmi amintesc că aceste recomandări au fost verificate de mine pe șablonul "Admirat", dar pentru noua mea temă, designul nu a venit deloc. În timp ce dezvoltatorii săi au abordat problema în mod corespunzător, iar toate scenariile, care erau posibile numai, au redus deja paginile. Deci, aici sunt de a optimiza viteza de a descărca blog-ul în termeni de scripturi, a mers pe de altă parte. Dar un raport detaliat - data viitoare.
A fost întotdeauna cu tine mereu pisica Web-bombată. Ia o zi frumoasă, domnilor și doamnei!
Yandex este al tău, sau cum să faci un widget pentru Yandex
