Cum să eviți sarcini de rețea enorme în WordPress (8 sfaturi de la experți)

Majoritatea proprietarilor de site-uri WordPress știu cât de frustrant poate fi un site lent. Ai făcut lucrurile de bază – ai comprimat imaginile, ai configurat caching-ul și ai urmat sfaturile standard de viteză – dar paginile tale tot se încarcă prea greu.

Am constatat că problema este adesea ceva simplu: site-urile web descarcă prea multe date inutile.

În termeni tehnici, aceasta se numește „sarcina de rețea”. Este pur și simplu cantitatea totală de date necesară pentru a încărca o pagină. Dimensiunea totală de descărcare include text, imagini, videoclipuri, CSS, JavaScript, fonturi și alte coduri.

Practic, cu cât sunt mai puține date care trebuie descărcate, cu atât pagina se încarcă mai repede.

Deci, dacă doriți să îmbunătățiți viteza site-ului dvs. web, ați ajuns la locul potrivit!

În acest ghid, vă vom arăta exact cum să reduceți dimensiunea acestor fișiere și să evitați sarcini de rețea enorme în WordPress.

De ce sunt sarcinile de rețea enorme în WordPress o problemă?

Ai folosit vreodată un instrument precum Google Lighthouse sau PageSpeed Insights pentru a verifica cât de rapid este site-ul tău?

Uneori, este posibil să vedeți un mesaj care spune: „Evitați încărcările masive de rețea”.

Esențial, acest lucru înseamnă că pagina dvs. web este prea mare, ca o valiză prea grea pentru a fi cărată. O pagină web mare durează mai mult să se încarce, ceea ce poate fi frustrant pentru persoanele care vă vizitează site-ul.

Sarcina de rețea a unei pagini web este dimensiunea totală a tuturor pieselor care compun acea pagină. Aceasta include:

• Text: Cuvintele pe care le citești pe pagină
• Imagini și media: Poze și videoclipuri pe care le vedeți
• Cod: Fișierele CSS și JavaScript care fac pagina să arate bine și să funcționeze corect
• Fonturi: Stilurile speciale pentru textul dvs.
• În plus, orice alte elemente personalizate

Deci, cu cât toți acești elemente sunt combinate mai mult, cu atât durează mai mult ca pagina dvs. web să apară pe ecran.

Cât de mare este prea mare? Iată un ghid simplu:

• Bun: Dacă toate părțile paginii dvs. web însumează mai puțin de 2 MB, este ca și cum ați căra un bagaj ușor. Este bine optimizat și se încarcă rapid. Nu trebuie să vă faceți prea multe griji aici.
• Necesită îmbunătățiri: Dacă pagina ta web are între 2 MB și 4 MB, este ca și cum ai căra un rucsac care devine puțin greu. S-ar putea să fie unele lucruri pe care le poți face mai ușoare. Google îți va oferi câteva sfaturi despre cum să o faci mai rapidă.
• Enorm: Dacă pagina ta web are mai mult de 4 sau 5 MB, este ca și cum ai încerca să cari o valiză uriașă, revărsată. Acest lucru va face ca site-ul tău să fie lent pentru vizitatorii tăi, așa că trebuie să faci optimizarea o prioritate.

Dacă vedeți mesajul „Evitați sarcinile de rețea enorme”, puteți face clic pe mica săgeată pentru a vedea o listă a tuturor resurselor care compun pagina dvs. web.

Vedeți cum cele mai mari fișiere sunt în partea de sus a listei? Dacă vă concentrați pe micșorarea acestor fișiere sau pe eliminarea fișierelor inutile, veți vedea cea mai mare îmbunătățire a performanței WordPress.

Făcând aceste fișiere mai mici, veți folosi mai puține date pentru a vizualiza pagina web și aceasta se va încărca mai repede.

Acum că știți de ce paginile web mari sunt o problemă, să explorăm cum le puteți evita în WordPress. Iată cele 8 sfaturi pe care le vom acoperi în acest articol:

1. Micșorează imaginile
2. Încorporați videoclipuri în mod corect
3. Folosește încărcarea leneșă (Lazy Loading) pentru imagini și videoclipuri
4. Reduceți Dimensiunea și Numărul Fișierelor Javascript și CSS
5. Micșorați fișierele cu Gzip
6. Utilizați cache-ul browserului pentru a preveni descărcările repetate
7. Folosiți mai puține fonturi sau fonturi de sistem
8. Evitați pluginurile lente
9. Frequently Asked Questions About Network Payloads in WordPress

Ești gata? Să începem!

1. Micșorați imaginile

Una dintre cele mai mari cauze ale sarcinilor mari de rețea sunt imaginile mari.

Smartphone-urile și camerele de astăzi realizează imagini de înaltă calitate cu dimensiuni foarte mari ale fișierelor. Dar nu este nevoie să le păstrați la fel de mari atunci când le afișați pe un site web.

Din fericire, puteți optimiza imaginile pentru a le face cu până la 80% mai mici fără a pierde calitatea imaginii. Acest lucru are un impact mai mare asupra sarcinii de rețea a site-ului dvs. web decât aproape orice altceva.

La WPBeginner, optimizăm toate imaginile noastre înainte de a le încărca. Redimensionăm imaginile la dimensiunile corecte și apoi le reducem dimensiunea fișierului folosind diverse instrumente.

Am pregătit un ghid util bazat exact pe modul în care facem acest lucru pe propriul nostru site web. Puteți urma articolul nostru despre cum să optimizați imaginile pentru performanța web fără a pierde calitatea.

2. Încorporați videoclipuri în mod corect

Dacă aveți videoclipuri pe site-ul dvs. web, atunci trebuie să fiți atent la modul în care le afișați.

Încărcarea directă a videoclipurilor pe site-ul dvs. poate genera sarcini mari de rețea și poate încetini semnificativ site-ul dvs., mai ales dacă acestea încep să ruleze automat.

Cea mai bună modalitate de a include videoclipuri este să le încorporezi de pe platforme video precum YouTube sau Vimeo.

☝ Notă: Folosim YouTube pentru a găzdui și a reda videoclipurile noastre. Poți explora tutorialele noastre video despre WordPress pe canalul WPBeginner de pe YouTube.

Această abordare vă permite în continuare să redați videoclipurile pe site-ul dvs., dar deoarece acestea sunt stocate pe serverul altcuiva, ele nu fac parte din sarcina dvs. de rețea.

Acest lucru ajută cu adevărat, deoarece serverul tău nu trebuie să se ocupe de transferul masiv de date. În plus, aceste platforme sunt concepute pentru a livra videoclipuri eficient, cu streaming optimizat care se adaptează la conexiunea la internet a vizitatorului tău.

În plus, mulți playere video de pe aceste platforme vor începe să încarce videoclipul doar atunci când utilizatorul face clic pe redare, ceea ce înseamnă că mai puține date sunt transferate inițial.

Puteți adăuga cu ușurință videoclipurile pe site-ul dvs. web folosind codul de încorporare.

Pentru mai multe informații despre acest subiect, vezi ghidul nostru despre de ce nu ar trebui niciodată să încarci un videoclip pe WordPress.

3. Utilizați încărcarea leneșă (Lazy Loading) pentru imagini și videoclipuri

Încărcarea leneșă (lazy loading) este o altă modalitate excelentă de a evita sarcini mari de rețea, mai ales dacă site-ul dvs. este plin de imagini sau videoclipuri.

În mod normal, atunci când o pagină web se încarcă, browserul dorește să descarce imediat toate imaginile și videoclipurile, chiar dacă acestea nu vor fi văzute imediat.

Imaginează-ți dacă un restaurant ți-ar aduce toate felurile de mâncare odată, în loc de unul câte unul. Ar fi copleșitor!

Acesta este ceea ce se întâmplă pe o pagină web dacă încărcarea leneșă nu este implementată. Totul trebuie descărcat în avans, chiar dacă utilizatorul nu îl poate vedea încă.

Acest lucru, evident, nu este ideal, deoarece înseamnă că site-ul dvs. are o sarcină mare și descărcați o mulțime de date chiar dacă utilizatorul nu vizualizează conținutul de la sfârșitul paginii.

Soluția pentru aceasta se numește încărcare leneșă.

Încărcarea leneșă (lazy loading) este ca acel restaurant care aduce fiecare fel de mâncare pe măsură ce sunteți gata pentru el.

Cu lazy loading, imaginile și videoclipurile nu sunt încărcate decât atunci când sunt pe cale să apară în vizualizarea utilizatorului pe ecran. Astfel, browserul trebuie doar să încarce ceea ce este necesar, atunci când este necesar.

Acest lucru reduce sarcina inițială de rețea și cantitatea de date care trebuie descărcată.

Iată câteva tutoriale utile care vă arată cum să configurați încărcarea leneșă (lazy loading) în WordPress:

• Cum să încarci imagini leneș în WordPress cu ușurință
• Cum să adăugați cu ușurință încărcarea leneșă pentru videoclipuri în WordPress
• Cum să încarci leneș Gravatars în comentariile WordPress

4. Reduce the Size and Number of Javascript and CSS Files

Una dintre cele mai bune modalități de a evita sarcinile mari de rețea pe site-ul dvs. web este să reduceți dimensiunea fișierelor CSS și JavaScript.

Site-ul dvs. utilizează fișiere CSS pentru stilizare și fișiere JavaScript pentru funcționalități interactive.

Cu toate acestea, aceste fișiere au adesea spații suplimentare și comentarii în interiorul lor, care nu sunt necesare pentru funcționalitatea codului. Poți elimina în siguranță aceste elemente pentru a micșora dimensiunea fișierelor.

Aceasta înseamnă că aceste fișiere vor funcționa în continuare în același mod, dar vor exista mai puține date pe care utilizatorii dvs. să le descarce, făcând pagina dvs. să se încarce mai repede.

Acest proces este cunoscut sub denumirea de minificare, iar vestea bună este că puteți utiliza un plugin WordPress precum WP Rocket pentru a vă minifica automat fișierele.

Consultați ghidul nostru despre cum să minimizați fișierele CSS și JavaScript în WordPress pentru mai multe informații.

Acum, diferite părți ale site-ului dvs. vor avea, de obicei, fișiere CSS sau JavaScript diferite. De exemplu, un fișier pentru antet, altul pentru corp și poate chiar mai multe pentru pluginuri.

Dar multe fișiere mai mici pot fi mai puțin eficiente decât un fișier mai mare. Când există multe fișiere de încărcat, browserul trebuie să le preia pe fiecare separat, ceea ce crește dimensiunea totală a descărcării. În schimb, puteți combina multe dintre aceste fișiere mai mici într-un singur fișier.

Pluginuri populare precum WP Rocket (premium) și Autoptimize (gratuit) pot combina și minimiza automat fișierele CSS și JavaScript.

Puteți afla cum să utilizați aceste pluginuri în ghidul nostru despre cum să remediați blocarea redării JavaScript și CSS în WordPress.

5. Micșorați fișierele cu Gzip

O altă modalitate de a reduce dimensiunea fișierelor site-ului dvs. web este de a le comprima. Fișierele bazate pe text, cum ar fi HTML, CSS și JavaScript, pot fi reduse semnificativ folosind compresia Gzip.

De fapt, compresia Gzip poate reduce adesea dimensiunea acestor fișiere cu până la 70% înainte ca acestea să fie trimise către browserul utilizatorului! Aceasta este o economie uriașă la cantitatea de date care trebuie transferată.

Reduce timpul de descărcare a fișierelor și face ca site-ul dvs. WordPress să se încarce mult mai repede. Odată ce datele comprimate ajung pe computerul vizitatorului, browserul despachetează automat (decomprimă) fișierele și le afișează pe ecranul utilizatorului.

Nu trebuie să vă faceți griji dacă browserele utilizatorilor dvs. suportă compresia Gzip, deoarece aceasta funcționează în toate browserele web populare de astăzi.

Multe pluginuri excelente de caching suportă, de asemenea, compresia Gzip. Opțiunile populare includ WP Rocket, WP Super Cache și W3 Total Cache.

Anterior am folosit WP Rocket pe site-ul WPBeginner și am avut o experiență grozavă. Pentru mai multe informații, consultați recenzia noastră completă WP Rocket.

Cu WP Rocket, compresia Gzip va fi activată automat dacă gazda dvs. web folosește serverul Apache. Pentru alte plugin-uri de caching, este posibil să fie necesar să o activați în setările plugin-ului.

Pentru instrucțiuni detaliate, consultați ghidul nostru despre cum să activați compresia GZIP în WordPress.

6. Utilizați Caching-ul Browserului pentru a Preveni Descărcările Repetate

O altă modalitate de a evita o sarcină de rețea enormă în WordPress, mai ales dacă site-ul dvs. are mulți vizitatori recurenți, este să încercați cache-ul browserului.

Imaginați-vă dacă vizitatorii dvs. ar trebui să descarce totul de pe site-ul dvs. de fiecare dată când îl vizitează! Ar fi incredibil de lent, și exact asta se întâmplă dacă nu folosiți caching-ul corespunzător.

Când cineva vizitează site-ul dvs. web pentru prima dată, browserul său descarcă tot ce are nevoie: imaginile, CSS-ul, JavaScript-ul și toate celelalte resurse. Cu caching-ul browserului, browserul său salvează o copie a acestor fișiere pe computerul său.

Apoi, data viitoare când îți vizitează site-ul web, browserul lor este inteligent! Verifică fișierele salvate local înainte de a cere din nou totul de la serverul tău.

Dacă browserul are o copie a unui fișier în cache-ul său, atunci îl folosește pe acesta în loc să îl descarce din nou. Acest lucru face o mare diferență în reducerea sarcinii generale de rețea și oferă vizitatorilor obișnuiți o experiență mai rapidă și mai fluidă.

Desigur, dacă conținutul site-ului tău se schimbă frecvent, cum ar fi un site de știri sau un blog care este actualizat în mod regulat, atunci va trebui să spui browserelor când să descarce din nou cele mai recente versiuni ale fișierelor tale. Acest lucru va asigura că toată lumea primește cel mai actualizat conținut.

Poți controla acest lucru adăugând antete Expires în WordPress. Aceste antete spun browserului când un fișier salvat ar trebui considerat vechi și necesită actualizare.

7. Folosește mai puține fonturi sau fonturi de sistem

Fonturile pot face ca site-ul dvs. să arate grozav și să îmbunătățească ușurința de citire. Utilizarea fonturilor personalizate poate face site-ul dvs. unic și poate încuraja vizitatorii să petreacă mai mult timp navigând.

Dar imaginează-ți că ar trebui să descarci multe fonturi diferite de fiecare dată când vizitezi un site web. Ar dura ceva timp până când totul ar fi afișat pe pagină.

Cheia este să folosiți un număr mic de fonturi pe site-ul dvs. Vă recomandăm să vă limitați la doar două fonturi principale și să le folosiți pe întregul site. Acest lucru reduce numărul total de fișiere pe care vizitatorii dvs. trebuie să le descarce.

Și mai bine, puteți folosi fonturi de sistem în loc de fonturi personalizate.

Fonturile de sistem sunt fonturi care sunt deja instalate pe computerele oamenilor. Gândiți-vă la asta ca la utilizarea fonturilor standard de pe computerul dvs., cum ar fi Arial sau Times New Roman.

Dacă alegeți fonturi de sistem pentru site-ul dvs. web, atunci utilizatorii dvs. nu trebuie să descarce niciun fișier suplimentar! Acest lucru reduce semnificativ dimensiunea sarcinii de rețea și face site-ul dvs. web mai rapid pentru vizitatori.

Pentru mai multe informații, consultați ghidul nostru despre cum să dezactivați fonturile Google pe site-ul dvs. WordPress.

8. Evitați plugin-urile lente

În cele din urmă, să vorbim despre plugin-uri. Uneori, plugin-urile pot încetini site-ul dvs. și pot crește dimensiunea sarcinii de rețea prin încărcarea multor fișiere JavaScript și CSS suplimentare.

Ar trebui să te gândești la pluginuri ca la instrumente suplimentare pe care le adaugi pe site-ul tău. Unele sunt grozave și ușoare, în timp ce altele pot fi destul de grele. Utilizarea prea multor pluginuri grele poate crește dimensiunea de descărcare a site-ului tău.

Este greu de știut dintr-o privire care plugin-uri sunt lente, așa că va trebui să faceți niște cercetări. Pentru mai multe informații, puteți consulta ghidul nostru despre care plugin-uri WordPress încetinesc site-ul dvs..

Odată ce ați găsit pluginurile care măresc dimensiunea de descărcare a paginii dvs., aveți câteva opțiuni.

Mai întâi, puteți contacta dezvoltatorul pluginului și puteți vedea dacă există ceva ce puteți face pentru a face pluginul mai eficient. Sau puteți căuta și un plugin mai rapid care face același lucru.

Pentru recomandări, consultați ghidul nostru despre cum să alegi cele mai bune pluginuri WordPress.

Uneori, veți constata că unele dintre pluginurile grele sunt esențiale pentru site-ul dvs. web. În acest caz, puteți totuși să vă faceți site-ul web mai rapid încărcând acel plugin doar pe paginile care au nevoie de el, în loc să îl încărcați peste tot.

Puteți utiliza un plugin gratuit numit Plugin Organizer pentru a dezactiva plugin-urile pe paginile unde nu sunt necesare. Acest lucru va reduce sarcina de rețea pe acele pagini.

Întrebări frecvente despre payload-urile de rețea în WordPress

Iată câteva dintre cele mai frecvente întrebări pe care le pun oamenii despre reducerea sarcinilor de rețea în WordPress. Aceste răspunsuri vă vor ajuta să înțelegeți mai bine aspectele tehnice și detaliile de implementare.

1. Ce este exact o sarcină de rețea și de ce contează pentru site-ul meu WordPress?

O sarcină de rețea (network payload) este cantitatea totală de date (imagini, CSS, JavaScript, HTML etc.) pe care site-ul dvs. web o trimite browserului unui vizitator atunci când acesta încarcă o pagină. Sarcinile mari încetinesc site-ul dvs. deoarece vizitatorii trebuie să descarce mai multe date, ceea ce este deosebit de problematic pentru utilizatorii de mobil sau pentru cei cu conexiuni la internet mai lente. Google ia în considerare și dimensiunea sarcinii atunci când clasifică site-urile web, astfel încât optimizarea acesteia poate îmbunătăți SEO-ul dvs.

2. Cum pot verifica dimensiunea curentă a sarcinii de rețea?

Puteți verifica sarcina rețelei dvs. folosind Google PageSpeed Insights, GTmetrix sau instrumentele pentru dezvoltatori ale browserului dvs. În Chrome, apăsați F12, accesați fila Network și reîncărcați pagina. Dimensiunea totală va apărea în partea de jos. În general, doriți să mențineți sarcina totală sub 1-2 MB pentru o performanță optimă.

3. Va afecta reducerea sarcinilor de rețea funcționalitatea sau designul site-ului meu web?

Nu dacă este făcut corect. Tehnicile se concentrează pe optimizarea și comprimarea conținutului existent, mai degrabă decât pe eliminarea funcționalităților. Veți menține aceeași funcționalitate și atractivitate vizuală, livrând conținutul mai eficient. Cu toate acestea, testați întotdeauna modificările mai întâi pe un site de staging pentru a vă asigura că totul funcționează corect.

4. Cât de des ar trebui să optimizez payload-urile rețelei mele?

Ar trebui să vă monitorizați sarcinile lunar și să optimizați ori de câte ori adăugați conținut nou, pluginuri sau teme. Configurați audituri regulate folosind instrumente precum Google Search Console pentru a vă urmări Core Web Vitals. Optimizări majore ar putea fi necesare trimestrial, dar întreținerea continuă ar trebui să facă parte din rutina dvs. regulată de întreținere WordPress.

5. Pot reduce sarcinile de rețea fără cunoștințe tehnice?

Da, multe tehnici de optimizare pot fi implementate folosind pluginuri ușor de utilizat, cum ar fi WP Rocket, Smush sau Autoptimize. Aceste instrumente gestionează automat compresia imaginilor, minificarea fișierelor și caching-ul. Cu toate acestea, pentru optimizări avansate, este posibil să aveți nevoie de ajutorul unui dezvoltator sau al unui expert WordPress.

Bonus: Ghiduri experte legate de performanța WordPress

Sperăm că acest tutorial te-a ajutat să înveți cum să eviți sarcini de rețea enorme în WordPress. S-ar putea să vrei să vezi și câteva ghiduri despre alte modalități de a îmbunătăți performanța WordPress:

• Ghidul complet pentru creșterea vitezei și performanței WordPress
• De ce este WordPress lent? Aflați cum să remediați problema
• Cum să accelerați site-ul dvs. de eCommerce
• Cum accelerăm viteza de încărcare a paginilor pe WPBeginner
• Cum să efectuați corect un test de viteză a site-ului web
• Cele mai bune pluginuri de cache pentru WordPress pentru a-ți accelera site-ul web
• De ce ai nevoie de un CDN pentru blogul tău WordPress?
• Cum să reduceți cererile HTTP în WordPress
• Cum să descărcați media WordPress pentru a îmbunătăți viteza site-ului
• Mentenanța bazei de date WordPress: Cum să vă optimizați baza de date

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.