A urmări cum site-ul tău WordPress se încarcă cu viteza melcului poate fi incredibil de frustrant. După ce am gestionat sute de site-uri aici la WPBeginner, am constatat că unul dintre cei mai mari ucigași de viteză este ceva ce s-ar putea să nici nu vezi: prea multe cereri HTTP.
Fiecare cerere pentru o imagine, un script sau un fișier adaugă puțin mai mult timp de încărcare, ceea ce se poate acumula rapid și poate determina vizitatorii să plece. Vestea bună este că nu trebuie să fii un dezvoltator pentru a face o diferență uriașă în performanța site-ului tău.
Am pregătit o listă cu metodele exacte, prietenoase cu începătorii, pe care le folosim pentru a reduce aceste cereri. Să parcurgem pașii simpli pentru a face site-ul tău vizibil mai rapid.
De ce să reduceți solicitările HTTP în WordPress?
V-ați întrebat vreodată de ce unele site-uri web durează o veșnicie să se încarce? Fiecare pagină WordPress este ca un puzzle format din diverse piese, cum ar fi imagini, fișiere CSS, JavaScript, încorporări video și multe altele. Toate aceste componente trebuie să se reunească pentru ca o pagină să apară.
Imaginați-vă browserul ca pe un chelner agitat care aleargă înainte și înapoi la bucătărie pentru a colecta fiecare ingredient separat. Acest lucru poate încetini lucrurile, mai ales dacă site-ul dvs. este bogat în elemente vizuale și funcționalități. Fiecare element adaugă timp de încărcare.
În plus, site-urile noastre nu se bazează doar pe ceea ce este stocat pe server. Ele preiau adesea informații din surse externe, cum ar fi Google Analytics sau widget-uri de social media. Deși aceste elemente suplimentare pot face site-ul dvs. mai bogat și mai interactiv, dacă nu sunt optimizate, pot încetini site-ul.
Aceste elemente neoptimizate se pot transforma în bagaje grele care îi frustrează pe vizitatorii care se așteaptă la încărcare rapidă. Un site web lent poate duce la o întârziere de o secundă, costându-vă conversii, vizualizări de pagină și chiar satisfacția clienților, așa cum a subliniat un studiu Strange Loop.
Postare asociată: Ghidul complet pentru accelerarea vitezei și performanței WordPress
De aceea, reducerea cererilor HTTP este importantă. Așa cum am făcut aici pe WPBeginner, concentrarea pe acest aspect poate îmbunătăți semnificativ viteza site-ului dvs., poate crește implicarea utilizatorilor și, în cele din urmă, poate stimula afacerea dvs. Viteza nu este doar o victorie tehnică, este un avantaj strategic.
Cum să identificați solicitările HTTP
Înainte de a vă arăta cum să reduceți cererile HTTP în WordPress, să vedem cum le puteți identifica.
Puteți vizualiza cu ușurință cererile HTTP făcute de site-ul dvs. web folosind instrumentele pentru dezvoltatori ale browserului dvs. Acest lucru vă va arăta o listă de fișiere care trebuie încărcate pentru a vizualiza pagina web.
În Google Chrome, de exemplu, poți deschide instrumentele pentru dezvoltatori accesând Vizualizare » Dezvoltator » Inspectare. Poți, de asemenea, să dai clic dreapta pe pagină și să selectezi „Inspectare” din meniu.
Apoi, navigați la fila „Network”. Reîncărcați pagina și veți vedea o listă a tuturor resurselor încărcate, inclusiv cererile HTTP interne și externe.
Pentru a vedea cu ușurință doar cererile HTTP externe, caută bara de filtrare din partea de sus a panoului Network și bifează căsuța etichetată „cereri terțe”. Acest lucru va ascunde toate fișierele încărcate de pe propriul tău domeniu.
Dacă vrei doar să vezi anumite tipuri de fișiere care pot afecta timpii de încărcare, cum ar fi JS (JavaScript) sau CSS, atunci pur și simplu folosește butoanele de deasupra pentru a filtra lista.
Fiți atenți la fișierele care se încarcă lent. Puteți consulta coloana „Timp” pentru a vedea cât durează încărcarea fiecărei resurse. Apoi, puteți face clic pe antetul acestei coloane pentru a sorta lista după timp, iar dacă faceți clic a doua oară, fișierele cu cea mai lentă încărcare vor fi plasate în partea de sus.
Când te uiți la a patra coloană „Inițiator”, vei vedea uneori numele pluginului sau temei care a încărcat fișierul. Notează-ți orice pluginuri sau teme care solicită fișiere cu încărcare lentă.
Puteți utiliza instrumente terțe precum Pingdom pentru a obține un raport mai detaliat. Pentru mai multe informații, consultați ghidul nostru despre cum să urmăriți solicitările de domenii terțe în WordPress.
Acum că știi cum să identifici cererile HTTP, să trecem la cele mai eficiente moduri de a le reduce pe site-ul tău WordPress.
- Combinarea fișierelor CSS și JavaScript
- Încărcare leneșă a imaginilor și videoclipurilor
- Utilizați un sistem de livrare de conținut (CDN)
- Valorificați Caching-ul Browserului
- Minimizați utilizarea resurselor externe
- Bonus: Activează compresia Gzip
- Întrebări frecvente despre reducerea cererilor HTTP
- Resurse suplimentare despre performanța WordPress
1. Combinați fișierele CSS și JavaScript
Cea mai bună modalitate de a reduce numărul de cereri HTTP efectuate către site-ul dvs. web este de a reduce numărul de fișiere care trebuie accesate. Puteți combina mai multe fișiere pentru a reduce cererile HTTP fără nicio pierdere de funcționalitate.
De exemplu, în loc să aveți mai multe fișiere CSS pentru diferite părți ale designului site-ului dvs. web, le puteți îmbina într-un singur fișier. Acest fișier unic va conține tot codul de stil necesar, iar browserul va trebui să facă o singură cerere în loc de multe.
Similar, poți combina mai multe fișiere JavaScript într-unul singur, reducând numărul de cereri necesare pentru a încărca elementele interactive ale site-ului tău.
Atenție: Deși combinarea fișierelor este o practică excelentă, este util să știi că protocoalele web moderne precum HTTP/2 pot încărca rapid mai multe fișiere mici, uneori chiar mai rapid decât un fișier mare.
Cu toate acestea, pentru site-urile de pe găzduire mai veche sau pentru compatibilitate maximă, combinarea și minificarea fișierelor rămâne o strategie solidă pentru reducerea cererilor. Instrumente precum WP Rocket fac acest lucru inteligent pentru tine! 👍
Mai multe pluginuri WordPress vă pot automatiza acest proces. Opțiunile populare includ WP Rocket (premium) și Autoptimize (gratuit).
Pentru informații detaliate despre cum să utilizați aceste plugin-uri, consultați ghidul nostru despre cum să remediați JavaScript și CSS care blochează randarea în WordPress.
Pe lângă combinarea fișierelor dvs., aceste plugin-uri le vor și minimiza. Acest lucru elimină caracterele inutile, cum ar fi spațiile albe și comentariile, din cod, făcând fișierele mai mici fără a le afecta funcționalitatea.
Acest lucru îmbunătățește și mai mult viteza de încărcare prin reducerea cantității de date care trebuie descărcată.
2. Încărcare leneșă a imaginilor și videoclipurilor
Încărcarea leneșă (lazy loading) este o altă modalitate excelentă de a îmbunătăți performanța site-ului dvs. web, mai ales dacă paginile dvs. conțin multe imagini sau videoclipuri.
Merită menționat faptul că WordPress încarcă automat imaginile în mod leneș (lazy load) implicit, ceea ce este un început excelent. Cu toate acestea, plugin-uri precum WP Rocket vă oferă mai mult control și pot încărca în mod leneș și videoclipuri și iframe-uri, ceea ce poate face o diferență și mai mare.
În mod normal, WordPress încarcă toate fișierele media înainte de a afișa o pagină web, chiar dacă acele imagini sau videoclipuri sunt mai jos pe pagină și nu sunt imediat vizibile pentru utilizator. Acest lucru poate crește semnificativ timpul inițial de încărcare a paginii.
Încărcarea leneșă optimizează acest proces prin amânarea încărcării imaginilor și videoclipurilor până când acestea sunt pe cale să fie vizualizate de utilizator.
Aceste tutoriale utile vă vor ajuta să învățați cum să configurați încărcarea leneșă pe site-ul dvs. 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
3. Folosește o Rețea de Livrare de Conținut (CDN)
Utilizarea unei Rețele de Livrare de Conținut (CDN) este o altă strategie eficientă pentru a îmbunătăți viteza de încărcare a site-ului dvs. WordPress, în special pentru utilizatorii aflați departe de serverul dvs. web.
Spre deosebire de metodele anterioare, un CDN nu reduce numărul de solicitări HTTP. În schimb, optimizează modul în care sunt gestionate acele solicitări.
În mod normal, fișierele site-ului dvs. web sunt stocate pe un singur server web, iar utilizatorii din întreaga lume trebuie să solicite fișiere de la această singură locație.
Un CDN stochează copii ale fișierelor site-ului dvs. web pe servere rapide situate în întreaga lume, iar acestea sunt livrate browserului utilizatorului de pe serverul cel mai apropiat de acesta.
Ați putea dori să vedeți comparația noastră expertă a celor mai bune servicii CDN pentru WordPress pentru a afla ce opțiune se potrivește cel mai bine site-ului dvs.
La WPBeginner, folosim Cloudflare pentru a îmbunătăți viteza de încărcare a paginilor noastre, iar dvs. puteți urma tutorialul nostru pas cu pas despre cum să configurați Cloudflare free CDN în WordPress.
4. Valorificați Caching-ul Browserului
Poți, de asemenea, să folosești caching-ul browserului pentru a reduce cererile HTTP către site-ul tău, mai ales dacă ai utilizatori recurenți care îți vizitează frecvent site-ul.
Când un utilizator vizitează site-ul dvs. web pentru prima dată, browserul său descarcă toate resursele necesare, cum ar fi imagini, foi de stil și fișiere JavaScript. Caching-ul browserului permite browserului să stocheze copii ale acestor fișiere local pe computerul utilizatorului.
Data viitoare când vă vizitează site-ul, browserul verifică memoria cache locală înainte de a face cereri HTTP către serverul dvs. Dacă o copie neexpirată a unui fișier este găsită în memoria cache, atunci browserul folosește fișierul local în loc să-l descarce din nou.
Acest lucru reduce semnificativ numărul de solicitări HTTP adresate serverului dvs., rezultând timpi de încărcare mai rapizi pentru vizitatorii recurenți.
Cu toate acestea, dacă conținutul site-ului dvs. este actualizat frecvent, atunci este important să setați timpi de expirare adecvați pentru resursele din cache. Acest lucru asigură că utilizatorii dvs. primesc în cele din urmă cele mai recente versiuni ale fișierelor dvs.
Puteți controla cât timp sunt stocate resursele în cache prin adăugarea de anteturi Expires în WordPress. Aceste anteturi spun browserului când un fișier din cache ar trebui considerat învechit și trebuie re-descărcat de pe serverul dvs.
5. Minimizați utilizarea resurselor externe
Multe pluginuri și teme WordPress încarcă resurse precum scripturi, foi de stil și imagini de pe site-uri web externe, cum ar fi Google Analytics, Facebook și furnizori de fonturi.
Aceste cereri HTTP externe pot afecta viteza de încărcare a site-ului dvs. web, deoarece browserul trebuie să se conecteze la mai multe servere pentru a prelua toate componentele necesare.
Chiar dacă aceste resurse externe sunt optimizate pentru viteză, utilizarea prea multor dintre ele poate încetini performanța site-ului dvs. web.
Pentru a reduce aceste cereri HTTP externe, puteți începe prin a dezactiva și șterge plugin-urile și temele de care nu aveți nevoie.
Ar trebui să luați în considerare și găsirea de alternative pentru orice pluginuri sau teme care solicită fișiere cu încărcare lentă. S-ar putea să fi observat unele atunci când ați identificat cererile HTTP mai devreme.
Și atunci când alegeți pluginuri WordPress, fiți atenți la resursele externe pe care le încarcă. Veți dori să optați pentru pluginuri care prioritizează performanța și să evitați pe cele care încarcă scripturi sau stiluri externe excesive.
Pentru un control mai granular asupra plugin-urilor, luați în considerare utilizarea unui instrument de gestionare a plugin-urilor precum Plugin Organizer. Acesta vă permite să încărcați selectiv plugin-uri doar pe paginile unde sunt necesare.
În cele din urmă, fonturile web personalizate sunt adesea încărcate de la furnizori externi, cum ar fi Google Fonts, și pot contribui semnificativ la solicitările HTTP. Ar trebui să limitați numărul de familii de fonturi și greutăți pe care le utilizați sau să explorați utilizarea fonturilor de sistem, care sunt deja instalate pe computerele utilizatorilor.
La WPBeginner, am trecut la fonturi de sistem în 2021, îmbunătățind timpii de încărcare a paginilor noastre, în special pentru utilizatorii cu conexiuni la internet mai lente. Puteți învăța cum să faceți același lucru în ghidul nostru despre cum să dezactivați Google Fonts pe site-ul dvs. WordPress.
6. Bonus: Activați compresia Gzip
Un ultim sfat este să activați compresia GZIP pentru a reduce dimensiunea fișierelor de pe serverul dvs. web.
Deși acest lucru nu reduce direct numărul de solicitări HTTP, accelerează procesul și face transferul fișierelor site-ului dvs. mai rapid.
Întrebări frecvente despre reducerea cererilor HTTP
Mai jos sunt prezentate unele dintre cele mai frecvente întrebări pe care ni le punem despre optimizarea cererilor HTTP și îmbunătățirea vitezei site-urilor WordPress.
1. Ce este o cerere HTTP?
O cerere HTTP este atunci când un browser web solicită unui server o bucată de informație necesară pentru a încărca o pagină web. Aceasta poate fi o imagine, o foaie de stil (fișier CSS), un script (fișier JavaScript) sau orice altă parte a site-ului dvs. Fiecare fișier individual necesită o cerere separată.
2. Câte cereri HTTP sunt prea multe pentru un site web?
Nu există un număr magic unic, deoarece depinde de complexitatea site-ului dvs. Cu toate acestea, un obiectiv bun pentru majoritatea site-urilor web ale întreprinderilor mici este de a rămâne sub 50-60 de cereri pe pagină. Cu cât site-ul dvs. are mai puține cereri de făcut, cu atât se va încărca mai repede pentru vizitatorii dvs.
3. Care este cea mai ușoară modalitate pentru un începător de a reduce cererile HTTP?
Pentru începători, cea mai ușoară metodă este să folosiți un plugin de caching și optimizare precum WP Rocket. Acesta poate combina automat fișierele CSS și JavaScript cu doar câteva clicuri, ceea ce reduce semnificativ numărul de cereri fără a fi nevoie să atingeți vreun cod.
4. Reduce un CDN numărul de cereri HTTP?
Nu, o rețea de livrare de conținut (CDN) nu reduce numărul efectiv de cereri. În schimb, le face mult mai rapide. Un CDN stochează copii ale fișierelor dvs. pe servere din întreaga lume, astfel încât, atunci când browserul unui utilizator solicită un fișier, acesta este livrat din cea mai apropiată locație posibilă, reducând timpul de încărcare.
Resurse suplimentare despre performanța WordPress
Sperăm că acest tutorial v-a ajutat să învățați cum să reduceți cererile HTTP în WordPress. De asemenea, ați putea dori să consultați și alte ghiduri ale experților noștri pentru îmbunătățirea vitezei și performanței site-ului.
Testarea și diagnosticarea vitezei site-ului dvs.
- Cum să efectuați corect un test de viteză a site-ului web
- Cum să folosiți GTmetrix pentru a îmbunătăți performanța site-ului
- Cum să testați la stres un site web WordPress
Îmbunătățiri de bază ale performanței
Tehnici avansate de optimizare
- Cât de rapid PHP & MySQL pot crește viteza site-ului web
- Cum să evitați payload-urile enorme ale rețelei în WordPress
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.
Ai o întrebare sau o sugestie? Te rugăm să lași un comentariu pentru a începe discuția.