Cum să Reduceți Timpul de Execuție Javascript
Căutați o modalitate cum să reduceți timpul de execuție JavaScript pe site-ul dvs. WordPress? Continuați să citiți! Veți găsi tot ce trebuie să știți pentru a aborda recomandarea PageSpeed Insights.
Reducerea timpului de execuție JavaScript este una dintre cele mai importante recomandări PageSpeed Insights. Întrucât JavaScript poate afecta enorm performanța site-ului dvs. WordPress, este esențial să gestionați orice problemă JS care încetinește timpul de încărcare.
În acest articol, veți înțelege mai întâi impactul execuției JavaScript asupra performanței. Apoi, veți învăța cum să măsurați și să identificați problemele JS și cum să reduceți timpul de execuție Javascript pe site-ul dvs. WordPress, atât manual, cât și cu unele plugin-uri.
Care este Impactul Timpului de Execuție JS Asupra Performanței?
Puteți vedea modul în care timpul de execuție JS afectează performanța uitându-vă la valoarea First Input Delay și scorul de performanță Lighthouse.
Timpul de execuție JavaScript este strâns legat de scorul FID, care măsoară interactivitatea și capacitatea de răspuns a paginii. Dacă încercați să interacționați cu o pagină și nu primiți niciun răspuns, înseamnă că browserul este ocupat cu procesarea unor fișiere JS. De aceea ar trebui să încercați să reduceți cât mai mult posibil dimensiunea acestor scripturi JS.
Valoarea FID este strâns legată de Total Blocking Time (TBT), una dintre valorile de performanță Lighthouse (pe baza datelor de laborator). Deoarece scorul TBT reprezintă 25% din scorul general de performanță Lighthouse, puteți înțelege cum va fi afectat scorul dvs. PageSpeed Insights de problemele JavaScript.
Să vedem mai detaliat ce înseamnă.
Cum se Măsoară Timpul de Execuție JavaScript și se Identifică Principalele Probleme JS
Reducerea timpului de execuție JS înseamnă reducerea timpului petrecut de browser pentru a analiza, compila și executa JS odată descărcat.
Analizarea, compilarea și executarea sunt cei trei pași pe care ar trebui să-i reușiți pentru a reduce timpul de execuție JS.
De fiecare dată când execuția JS durează mai mult de 2 secunde, Lighthouse o va raporta ca o problemă de rezolvat.
Puteți identifica și măsura timpul de execuție JS prin PageSpeed Insights și GTmetrix.
Măsurarea Timpului de Execuție JS prin Pagespeed Insights
Dacă adresa URL are probleme legate de timpul de execuție JS, Google PageSpeed Insights va afișa un avertisment în secțiunea Diagnosticare:
După cum puteți vedea, PSI arată timpul de execuție JS la fiecare pas:
- Evaluarea scriptului (este etapa de compilare)
- Analiza scriptului (este etapa de analiză)
- Durata totală a procesorului (este costul memoriei, care vă poate îngheța complet pagina).
După cum s-a menționat mai sus, auditul ia în considerare fiecare script JS care are un timp de execuție mai mare de 2 secunde.
Măsurarea Timpului de Execuție JS prin GTmetrix
Când testați performanța adresei URL, GTmetrix vă arată un audit foarte similar.
Accesați fila Structură și căutați starea timpului de execuție JS. Veți primi apoi informații despre fiecare etapă JS.
În exemplul de mai jos, timpul de execuție JS este peste 2 secunde.
Cum să Reduceți Timpul de Execuție JavaScript (Manual și cu Pluginuri)
Există trei moduri principale de a reduce timpul de execuție JS:
Să vedem cum puteți implementa fiecare dintre aceste acțiuni și să abordați recomandarea PageSpeed Insights.
1.Întârziați JS și Eliminați JS Neutilizat
Ar trebui să întârziați fișierele JS, astfel încât niciunul dintre ele să nu fie încărcat până la interacțiunea utilizatorului. Înseamnă că atâta timp cât niciun utilizator nu face clic pe un buton sau derulează conținutul unei pagini, browserul nu va executa niciun script JS.
De asemenea, ar trebui să eliminați fișierele JS neutilizate. Cu alte cuvinte, toate scripturile JS care sunt inutile sau nu sunt incluse în conținutul de deasupra paginii ar trebui să fie încărcate numai după randarea paginii. Este o modalitate de a lăsa browserul să redea numai conținutul esențial, fără a rămâne blocat cu fișiere JS care nu sunt necesare.
Mai multe plugin-uri vă pot ajuta să întârziați JS și să eliminați JS neutilizat:
De asemenea, puteți profita de caracteristica Întârziere execuție JavaScript oferită de WP Rocket. Este cel mai simplu mod de a întârzia execuția JavaScript în doar câteva clicuri.
Accesați fila Optimizare fișier și bifați opțiunea Întârziere execuție JavaScript. Pluginul va întârzia automat încărcarea fișierelor JS până la interacțiunea utilizatorului. Ușor și rapid, nu?
Obțineți WP Rocket acum și testați imediat îmbunătățirile site-ului dvs.!
2.Amână JS
Un alt mod eficient de a face față timpului de execuție JS este amânarea fișierelor JS.
Amânând JavaScript pe site-urile dvs. WordPress, browserul le va încărca numai atunci când redarea paginii este finalizată.
Aveți diferite moduri de a amâna fișierele JS, atât manual, cât și cu pluginuri.
Dacă doriți să implementați singur atributul defer, mai întâi ar trebui să identificați scripturile JS de amânat și apoi să adăugați atributul defer.
Iată un exemplu de atribut defer:
<script defer src=”/exemplu-js-script”></script>
Dacă preferați să utilizați un plugin, puteți utiliza Asset CleanUp.
De asemenea, puteți profita de o altă funcție puternică WP Rocket: Amână Încărcarea Javascript.
În fila Optimizare fișier, veți găsi opțiunea de a încărca JS amânat și de a exclude și orice fișier JS specific de la amânare. În câteva clicuri, te vei ocupa de o tehnică crucială de optimizare a performanței web!
3.Minimizează JS
A treia opțiune pentru a rezolva problemele JS este prin minificare. Minimizarea elimină întreruperile de rând, spațiile albe și comentariile incluse în cod. Drept urmare, codul este mai ușor, iar dimensiunea fișierului este mai rapidă.
Deoarece minificarea este o activitate care necesită timp și există întotdeauna riscul de a pierde ceva, vă recomandăm să utilizați un plugin.
Mai multe instrumente de minimizare JavaScript pentru WordPress vă vor ajuta să finalizați treaba.
Încă o dată, WP Rocket vă oferă o modalitate ușoară de a minimiza fișierele JS. Accesați fila Optimizare fișiere și activați opțiunea Minify JS files.
Alte Recomandări WordPress Pentru ca să Reduceți Timpul de Execuție JavaScript
În calitate de utilizator WordPress, există și alte recomandări utile de reținut.
În general, ar trebui să evitați să utilizați funcționalități – cum ar fi pluginuri și widget-uri – care necesită mult JavaScript atunci când o soluție mai simplă o poate înlocui. De exemplu:
- Utilizați o imagine statică în loc de un Slider (mai ales dacă sliderul este în partea de sus a paginii)
- Evitați utilizarea excesivă a widget-urilor, cum ar fi rețelele sociale (de exemplu, widget-urile sociale din bara dvs. laterală)
- Evitați utilizarea excesivă a resurselor terțelor părți (de exemplu, reclame, instrumente de urmărire, șabloane de personalizare, testare A/B).
Începeți să Reduceți Timpul de Execuție JavaScript Astăzi
Să reduceți timpul de execuție JavaScript este un pas crucial în îmbunătățirea scorului FID și creșterea scorului de performanță PageSpeed Insights. În general, este o modalitate esențială de a oferi utilizatorilor o experiență excelentă.
Datorită WP Rocket, puteți gestiona toate problemele principale JS în doar câteva clicuri. Veți economisi timp și efort!
Nu sunteți încă client WP Rocket? Economisiți timp și lăsați WP Rocket să facă treaba pentru dvs. WP Rocket este cel mai simplu mod de a vă îmbunătăți scorul PageSpeed Insights.
Puteți conta întotdeauna pe garanția lor de rambursare 100% a banilor. Deși nu cred că veți dori vreodată una, vă vor oferi cu plăcere o rambursare dacă o solicitați în termen de 14 zile de la cumpărare.
Singurul risc pe care vi-l asumați cu pluginul lor este accelerarea site-ului dvs. WP Rocket aplică automat 80% din cele mai bune practici de performanță web, sporind instantaneu scorurile tale Core Web Vitals.
