Accelerați site-ul dvs. WordPress prin reducerea JavaScript neutilizat

În acest articol vom afla cum puteți reduce JavaScript neutilizat, ceea ce va ajuta în cele din urmă site-ul să se încarce mai rapid.

Lucrurile sunt simple atunci când vine vorba de JavaScript neutilizat: cu cât site-ul dvs. web include mai multe coduri inutile, cu atât este nevoie de mai mult timp pentru ca site-ul să se încarce. Nimănui nu-i place să experimenteze performanța lentă a site-ului și repercusiunile ulterioare ale acesteia, de aceea este esențial să înțelegi cum să identifici și să scapi de fișierele JavaScript neutilizate de pe site-uri web.

Ce este JavaScript?

JavaScript este un limbaj de programare care vă permite să faceți aproape orice, inclusiv să creați conținut actualizat dinamic și să gestionați multimedia. Este remarcabil ce poți realiza cu câteva rânduri de cod JavaScript (ei bine, poate nu totul).

Prin API-ul Document Object Model, JavaScript este folosit frecvent pentru a edita dinamic HTML și CSS pentru a reîmprospăta experiența utilizatorului. Rețineți că, de obicei, codul paginii dvs. web se încarcă și rulează în ordinea în care apare pe pagină. Dacă JavaScript este încărcat și rulat înainte de HTML și CSS pe care trebuie să le modifice, pot apărea erori.

Ce este JavaScript neutilizat?

Fișierele JavaScript neutilizate sunt resurse care nu sunt necesare pentru redare sau pentru încărcarea și afișarea conținutului principal al paginii.

Ele nu aparțin materialului care ar trebui prezentat mai întâi sau a ceea ce este cunoscut sub numele de conținut „de deasupra pliului”. Doar resursele necesare, în principal cod HTML, ar trebui analizate și redate de browser pentru a accelera încărcarea paginii.

În ciuda faptului că sunt încă în cod, acestea nu mai sunt utilizate. Nu servesc deloc la nimic.

De ce ar trebui să reduceți utilizarea JavaScript?

Eficiența și experiența utilizatorului site-ului dvs. ar putea fi afectate semnificativ de fișierele JavaScript neutilizate. Prima Întârziere de Intrare (FID), una dintre măsurile Core Web Vitals, este indicatorul major în discuție.

Prima întârziere de intrare (FID) poate fi calculată numai pe câmp, deoarece evaluează capacitatea de răspuns a unei pagini ținând cont de interacțiunea utilizatorului.

Deoarece statistica Lighthouse măsoară interactivitatea paginii pe baza interacțiunii utilizatorului, Total Blocking Time (TBT) a luat poziția de FID.

Tipuri de JavaScript neutilizate

Următoarele două forme de JavaScript neutilizate sunt:

• JavaScript non-critic: este folosit în altă parte, dar nu este utilizat pentru materialul din partea de sus a paginii.
• JavaScript inactiv: nu mai este utilizat. Pot exista bucăți de iterații anterioare ale paginii care nu mai sunt legate sau au fost utilizate doar pentru scurt timp.

Dezavantajele de a avea JavaScript neutilizat

JavaScript neutilizat are o influență negativă asupra performanței unui site web sub forma unei întârzieri a timpului de încărcare a paginii. Utilizabilitatea site-ului și cât de bine funcționează în SERP-uri sunt direct influențate de viteza site-ului, care este un factor crucial. Probabilitatea ca utilizatorii să părăsească un site web și să viziteze altul crește dacă acesta se încarcă lent; rata de respingere rezultată este o indicație SEO puternică care scade rezultatele motorului de căutare a site-ului.

Problema ține mai mult de modul în care consumatorii percep cât timp durează pentru a se încărca un site web decât de cât de mult durează de fapt pentru a se încărca. Ar trebui să te străduiești să te asiguri că site-ul încarcă doar acele scripturi necesare pentru ca site-ul să fie utilizabil la început, după care se pot încărca restul scripturilor, deoarece browserele încearcă să încarce totul, inclusiv scripturile neutilizate, în același timp.

Beneficiile reducerii JavaScript neutilizate

Este de la sine înțeles că, cu cât este nevoie de mai mult browser-ului pentru a descărca, produce și executa o pagină cu mai mult cod JavaScript pe ea. În plus, JavaScript care nici măcar nu este utilizat este afectat. Browserul va trebui să cheltuiască timp și resurse procesându-l dacă este prezent pe pagină. Acest lucru subliniază necesitatea revizuirilor de rutină a codului și a eforturilor de optimizare.

Utilizatorii dvs. de telefonie mobilă beneficiază și de optimizarea codului. Puteți reduce nevoia de lățime de bandă reducând dependența de browser pentru a procesa JavaScript. Pentru a preveni întârzierea procesului de încărcare a paginii mai mult decât este necesar, ar trebui să puteți face distincția între JavaScript important și JavaScript neesențial.

Cum se reduce JavaScript neutilizat?

Vom vedea mai întâi cum puteți identifica fișiere JavaScript mari folosind GTMetrix și apoi vom discuta modalități de reducere a JavaScript-ului neutilizat.

Utilizați GTMetrix pentru a găsi cele mai mari fișiere JavaScript

Utilizați diagrama GTmetrix Waterfall pentru a identifica cele mai mari fișiere JavaScript ale dvs.

• Accesați site-ul GTMetrix și introduceți adresa URL a site-ului dvs. și faceți clic pe Testați site-ul

• Faceți clic pe fila Cascada odată ce rezultatele sunt afișate

• Faceți clic pe JS și veți putea vedea fișierele într-o ordine crescătoare a dimensiunii fișierului JavaScript.

De obicei, adresa URL va dezvălui de unde provine. Pentru a vizualiza toate fișierele JavaScript, utilizați filtrul de tip. De asemenea, puteți vizualiza vizualizarea utilizării pentru a vedea octeții totali și neutilizați.

Minimizează JavaScript

Minimizarea JavaScript elimină codul de caractere străine. Găsiți fișierele problematice în codul dvs. sursă și apoi excludeți-le de la minimizare dacă acest lucru vă dăunează site-ului.

Puteți face asta atât de ușor folosind pluginul LiteSpeed ​​Cache și este disponibil în mod implicit atunci când implementați site-uri WordPress folosind CyberPanel

• Accesați tabloul de bord WordPress

• Faceți clic pe LiteSpeed ​​Cache -> Page Optimization din meniul din stânga

• Faceți clic pe Setări JS din partea de sus și porniți JS Minify și faceți clic pe Salvare modificări . Acest lucru va reduce toate fișierele și codurile JavaScript.

Eliminați JavaScript neutilizat din Elementor

Prin încărcarea dinamică a manerelor JS și a Swiper-ului widget numai atunci când sunt utilizate cu adevărat, acest lucru minimizează fișierele JavaScript ale Elementor.

• Accesați tabloul de bord WordPress

• Faceți clic pe Elementor -> Setări din meniul din partea stângă

• Faceți clic pe fila Experimente din bara de sus și transformați starea la Activ a secțiunii Încărcare îmbunătățită a activelor

• Derulați în jos și faceți clic pe Salvare modificări

Amânați sau întârziați JavaScript neesențial

• Accesați Tabloul de bord WordPress

• Faceți clic pe Plugins -> Add New din meniul din partea stângă

• Căutați JavaScript asincron . Instalați și activați

• Accesați Setări -> JavaScript asincron din meniul din partea stângă

• În fila Setări din bara de sus. Faceți clic pe Aplicare Amânare

• Derulați în jos și faceți clic pe Salvare modificări

Eliminați JavaScript neutilizat cu pluginul de descărcare a activelor

Când anumite fișiere sau plugin-uri nu trebuie să se încarce pe un site web, Asset CleanUp vă permite să dezactivați JavaScript care nu este necesar.

• Accesați tabloul de bord WordPress

• Faceți clic pe Plugins -> Add New din meniul din partea stângă

• Căutați Asset CleanUp . Instalați și activați

• Faceți clic pe Asset CleanUp -> Settings din meniul din partea stângă

• Faceți clic pe Modul de testare din meniul din stânga și faceți clic pe comutator Activare mod de testare pentru a-l activa

• Derulați în jos și faceți clic pe Actualizați toate setările

• Acum faceți clic pe Optimizare JavaScript din meniul din stânga și porniți Combinarea JS încărcat în mai puține fișiere.

• Derulați în jos și faceți clic pe Actualizați toate setările

Dezactivați modulele plugin neutilizate

• Accesați Tabloul de bord WordPress

• Faceți clic pe Plugins -> Add New din meniul din stânga

• Căutați RankMath . Instalați și activați pluginul

• Faceți clic pe RankMath -> Dashboard din meniul din partea stângă

• Faceți clic pe Module din bara de sus și dezactivați comutarea oricărui Modul neutilizat.

Concluzie

JavaScript care nu este utilizat va face să dureze mai mult pentru încărcarea site-ului dvs., deoarece browserul trebuie să descarce, să analizeze, să compileze și să evalueze scriptul inutil. Utilizează mai multe date celulare și încetinește parametrul de randare. Acest lucru are un impact asupra cât de bine funcționează site-ul web și în cele din urmă degradează experiența utilizatorului.

Prin urmare, minimizând aceste scripturi, puteți face site-ul dvs. să se încarce mai rapid și să-i îmbunătățiți funcționalitatea generală.