Cum am crescut viteza de încărcare a paginilor pe WPBeginner (6 sfaturi dezvăluite)

Cititorii noștri ne întreabă adesea cum reușim ca WPBeginner să se încarce atât de repede. Urmăm cele mai bune practici, dar gestionarea unui site cu trafic ridicat ne-a învățat câteva trucuri suplimentare pentru performanță de top.

Știm că poate fi stresant atunci când Google își schimbă metricile, cum ar fi înlocuirea First Input Delay (FID) cu noul Interaction to Next Paint (INP). A fi la curent cu aceste actualizări este important pentru a menține site-ul rapid și SEO-ul puternic.

În acest articol, dăm cortina la o parte pentru a împărtăși strategiile exacte pe care le folosim chiar aici, pe WPBeginner. Acestea sunt sfaturi practice care pot ajuta orice site web, indiferent de dimensiunea sa.

Mai jos, vă vom ghida prin tot, de la platforma noastră de găzduire la instrumentele specifice care ne oferă un avantaj competitiv.

Iată o prezentare generală rapidă a tuturor elementelor pe care le vom discuta în acest articol:

• De ce este importantă viteza de încărcare a paginii?
• Cum îmbunătățim viteza de încărcare a paginilor pe WPBeginner
• Platformă de hosting mai rapidă
• DNS CloudFlare
• Optimizarea performanței folosind WP Rocket
• 4. Enqueuing JavaScript și CSS
• Descărcarea stilurilor editorului de blocuri
• Diverse îmbunătățiri ale performanței
• Întrebări frecvente despre îmbunătățirea vitezei de încărcare a paginii
• Resurse suplimentare & Pași următori

De ce este importantă viteza de încărcare a paginii?

Viteza de încărcare a paginii este cât de repede apare site-ul dvs. web atunci când un utilizator face clic pe un link către acesta.

Scopul nostru este să ne asigurăm că utilizatorii obțin rapid informațiile de care au nevoie. Un site web cu încărcare mai rapidă îi face pe utilizatori fericiți, deoarece pot obține imediat informațiile pe care le caută.

Pe de altă parte, un site web cu încărcare lentă îi poate forța să plece. Acest lucru vrem să îl evităm pe toate site-urile noastre web. Utilizatorii sunt mai predispuși să devină abonați sau clienți dacă rămân mai mult timp pe site-ul dvs.

Utilizatorii sunt cu 36% mai predispuși să părăsească (bounce) un site web dacă acesta durează 3 secunde să se încarce. Și sunt cu 90% mai predispuși să părăsească site-urile web care durează 5 secunde sau mai mult să se încarce.

Source: ThinkWithGoogle

Iată câteva motive suplimentare pentru care viteza de încărcare a paginii este atât de importantă:

• Îmbunătățește implicarea utilizatorilor: Un site web cu încărcare rapidă menține vizitatorii implicați, permițându-le să acceseze rapid informațiile. Utilizatorii care petrec mai mult timp pe un site sunt mai predispuși să cheltuiască sau să convertească.
• Îmbunătățește clasamentul în motoarele de căutare: Datorită unei experiențe mai bune a utilizatorului, motoarele de căutare favorizează site-urile cu încărcare rapidă prin clasarea lor mai sus.
• Crucial pentru utilizatorii de mobil: Viteza este deosebit de importantă pentru navigarea pe mobil. Utilizatorii de mobil sunt de două ori mai predispuși să părăsească un site lent decât utilizatorii de desktop.
• Construiește încredere și autoritate: Un site cu încărcare rapidă pare mai de încredere și mai profesionist, ceea ce te poate ajuta să convingi utilizatorii să cumpere de la afacerea ta.

Pentru a rezuma, viteza de încărcare a paginilor îmbunătățește experiența generală a utilizatorului, cu o satisfacție și un angajament mai mare al clienților.

Cum îmbunătățim viteza de încărcare a paginilor pe WPBeginner

Aplicăm toate practicile standard recomandate din ghidul nostru ghidul nostru suprem pentru optimizarea performanței și vitezei WordPress.

În plus, am luat câteva măsuri suplimentare pentru a crește și mai mult performanța WordPress pe WPBeginner.

Iată o captură de ecran recentă a optimizării performanței noastre înainte și după tehnicile pe care le-am implementat.

Dacă doriți să faceți un test similar pentru site-ul dvs. web și să vedeți scorul Google Core Web Vitals, atunci folosiți instrumentul PageSpeed Insights .

Pur și simplu introduceți URL-ul pe care doriți să îl testați și faceți clic pe butonul „Analizează”.

Instrumentul va analiza pagina web timp de câteva secunde și apoi vă va arăta rezultatele testului.

Acum, să analizăm pașii pe care i-am făcut pentru a atinge acest scor de performanță.

1. Platformă de hosting mai rapidă

Cu ani de experiență în gestionarea afacerilor bazate pe WordPress, am învățat importanța alegerii celui mai bun hosting WordPress.

Pentru site-uri web mici, puteți începe cu oricare dintre companiile de găzduire de top, cum ar fi Bluehost sau Hostinger.

Cu toate acestea, WPBeginner este un site web mai mare, cu un volum mare de trafic. Planurile de găzduire partajată sau VPS sunt prea limitate la acest nivel.

De aceea WPBeginner este găzduit pe infrastructura cloud Enterprise de la SiteGround, care rulează pe Google Cloud Platform.

De ce folosim SiteGround

• Infrastructura de găzduire de nivel enterprise de la SiteGround are mai multe niveluri de redundanță, ceea ce asigură timp maxim de funcționare.
• Rulează pe Google Cloud Platform, care este conectată la rețeaua de ultimă generație a Google, asigurând cele mai rapide viteze din toate punctele de pe glob.
• Reduce costurile și dificultatea gestionării serverelor individuale de găzduire dedicată.
• Îmbunătățirile interne ale SiteGround, precum PHP Ultra-rapid, MySQL mai rapid și compresia Brotli, oferă un impuls suplimentar de performanță.
• Avem experiență directă în colaborarea cu echipa de suport SiteGround. Expertiza inginerilor lor, timpii de răspuns mai rapizi și amabilitatea generală ne-au impresionat întotdeauna.

Pentru mai multe detalii, puteți consulta articolul nostru despre de ce WPBeginner a trecut la găzduirea SiteGround.

În prezent, oferă, de asemenea, o reducere generoasă pentru utilizatorii WPBeginner cu un nume de domeniu gratuit. Începe de la 2,99 USD pe lună, ceea ce este destul de accesibil dacă luați în considerare tehnologia și nivelul de serviciu oferit.

Partea cea mai bună este că beneficiile SiteGround nu se limitează la clienții enterprise. Toate conturile de găzduire partajată SiteGround sunt, de asemenea, găzduite pe Google Cloud Platform.

2. CloudFlare DNS

Într-un articol anterior WPBeginner Insider, am împărtășit studiul nostru de caz despre trecerea de la Sucuri la Cloudflare.

Pe lângă securitate, utilizarea DNS-ului Cloudflare oferă WPBeginner un avantaj semnificativ în ceea ce privește performanța.

DNS (Domain Name System) este ca un agendă telefonică pentru site-urile web.

Când introduceți adresa unui site web în browserul dvs. sau faceți clic pe un link, un serviciu DNS caută numele de domeniu și direcționează site-ul dvs. web către adresa IP a acelui site web specific.

În mod normal, site-urile web folosesc serverele de nume ale companiei de găzduire pentru a gestiona DNS-ul. Acestea nu sunt la fel de rapide ca Cloudflare, permițând rezoluția DNS la marginea rețelei în centrele lor de date din peste 310 de orașe din întreaga lume.

De ce folosim Cloudflare DNS

• Cea mai rapidă rezoluție DNS: Rețeaua globală Cloudflare permite rezolvarea DNS în cea mai apropiată locație de orice utilizator.
• Securitate încorporată: Deoarece tot traficul trece prin Cloudflare DNS, firewall-ul lor pentru aplicații web (WAF) este capabil să atenueze și să blocheze rapid atacurile DDoS, spamul, boții inutili, injecțiile SQL, tentativele de hacking și multe altele.
• Livrare CDN – Rețeaua lor salvează automat în cache resursele statice și le servește prin rețeaua lor globală, făcând site-urile web să se încarce mai repede. Și, deoarece acest lucru se întâmplă la nivel DNS, nu ai nevoie de subdomenii separate pentru resursele CDN.

Folosim planul Enterprise, dar Cloudflare oferă CDN și DNS gratuit pentru site-uri web mai mici, care fac practic același lucru cu mai puține funcționalități.

3. Optimizarea performanței folosind WP Rocket

Pentru optimizarea performanței, folosim WP Rocket, care este unul dintre cele mai bune pluginuri de performanță WordPress de pe piață. Printre altele, gestionează caching-ul, ceea ce înseamnă că salvează copii ale site-ului dvs. pentru ca paginile să se încarce mai repede pentru vizitatorii recurenți.

Ceea ce ne place cel mai mult la WP Rocket este că este cel mai cuprinzător plugin de optimizare a performanței WordPress, așa că avem nevoie doar de un singur instrument pentru a gestiona o mulțime de sarcini diferite.

De ce folosim WP Rocket

• Preîncărcarea cache-ului – De obicei, un plugin de cache așteaptă până când un utilizator vizitează o pagină pentru a crea o copie cache a acesteia. WP Rocket menține automat cache-ul pregătit, ceea ce face o diferență mare în timpul de încărcare a paginii.
• Caching-ul browserului – Stocarea resurselor statice precum imagini, JavaScript și CSS în cache-ul browserului înseamnă încărcări mai rapide la vizualizările ulterioare ale paginii.
• Optimizarea fișierelor – WP Rocket vă ajută să minimizați și să optimizați livrarea fișierelor statice precum JavaScript și foile de stil. Micșorarea acestor fișiere reduce semnificativ timpul total de încărcare a paginii.

Am împărtășit experiența noastră detaliată cu acest plugin în recenzia noastră WP Rocket, cu avantaje și dezavantaje.

Ce setări folosim în WP Rocket?

Avem următoarele setări WP Rocket activate:

• Cache complet al paginii
• Optimizarea fișierelor (minificarea fișierelor JS și CSS și livrarea CSS critic)
• JavaScript amânat (încărcare întârziată a JS, ceea ce ajută la remedierea blocării redării)
• Încărcare leneșă a imaginilor și fișierelor media

Aveți nevoie de ajutor pentru a utiliza aceste setări pe site-ul dvs.? Avem un ghid pas cu pas pentru configurarea WP Rocket pentru a obține cele mai bune rezultate.

4. Enqueuing JavaScript și CSS

Optimizăm livrarea fișierelor JavaScript și CSS cu WP Rocket, dar mai întâi, ne asigurăm că site-ul nostru încarcă doar fișierele JavaScript și CSS necesare pentru o anumită pagină.

Cea mai bună modalitate de a gestiona acest lucru este prin utilizarea temelor și plugin-urilor de înaltă calitate care respectă standardele de codare WordPress. Aceste instrumente sunt construite pentru a încărca scripturi doar atunci când sunt efectiv necesare.

Cu toate acestea, un dezvoltator poate încărca uneori un script pe întregul site pentru a asigura funcționarea corectă a unei caracteristici. La WPBeginner, echipa noastră de dezvoltare elimină manual aceste scripturi inutile și apoi le înscrie doar pe paginile unde sunt necesare.

O modalitate mult mai sigură și mai ușoară de a adăuga fragmente PHP, cum ar fi cele de mai jos, este prin utilizarea pluginului gratuit WPCode. Acesta îți permite să adaugi și să gestionezi cod personalizat fără a edita fișierele temei tale, ceea ce ajută la prevenirea erorilor. Poți afla mai multe în recenzia noastră completă WPCode.

Dacă preferați să adăugați codul manual, mai întâi trebuie să găsiți scripturile inutile. Cel mai ușor mod este prin utilizarea plugin-ului Query Monitor.

Acesta îți va arăta toate fișierele JavaScript și CSS care se încarcă pe o pagină, astfel încât să poți identifica pe cele inutile. Pentru a elimina un script, vei avea nevoie de identificatorul său din Query Monitor. Apoi, poți folosi următorul cod:

function prefix_remove_scripts() {
	if ( is_front_page() ) {
		wp_dequeue_script( 'plugin-script-handle' );
	}
}
add_action( 'wp_print_scripts', 'prefix_remove_scripts', 100 );

Similar, puteți folosi următorul cod pentru a elimina o foaie de stil inutilă:

/**
 * Remove unnecessary stylesheets
 */
function prefix_remove_styles() {
	if ( is_front_page() ) {
	wp_dequeue_style( 'stylesheet-handle' );
	}
}
add_action( 'wp_enqueue_scripts', 'prefix_remove_styles', 100 );

Pentru mai multe detalii, vezi tutorialul nostru despre cum să adaugi corect JavaScript și CSS în WordPress.

5. Descărcarea stilurilor editorului bloc

Folosim editorul de blocuri WordPress implicit pe WPBeginner. Este extrem de rapid, iar echipa de dezvoltare WordPress depune mult timp și resurse pentru a-i îmbunătăți performanța.

Pentru a spori și mai mult performanța, descărcăm unele stiluri ale editorului de bloc pe care nu le folosim pe WPBeginner.

Acest lucru reduce dimensiunea DOM și face ca browserele să proceseze mai rapid pagina solicitată.

În terminologia browserului, DOM-ul este ca o hartă a elementelor și sub-elementelor de pe o pagină (titluri, text, imagini, foi de stil, scripturi etc.)

Un DOM mai mare înseamnă că browserul va petrece puțin mai mult timp procesându-l. Un DOM mai mic este procesat rapid.

Cu toate acestea, câștigul de performanță din acest lucru nu este atât de mare și nu l-am recomanda pentru majoritatea utilizatorilor cu site-uri WordPress mai mici.

6. Îmbunătățiri diverse ale performanței

Pe lângă sfaturile menționate mai sus, avem și cele mai bune practici în vigoare pentru a asigura viteze mai bune de încărcare a paginilor.

Iată câteva dintre ele pe care le puteți implementa cu ușurință pe site-ul dvs.:

• Imagini optimizate – Echipa noastră se asigură că capturile de ecran, imaginile și mediile pe care le încărcăm sunt foarte optimizate pentru a reduce dimensiunea fișierului. Consultați ghidul nostru despre cum să optimizați imaginile pentru WordPress.
• Optimizează sarcinile Cron – Sarcinile Cron sunt sarcini programate WordPress care rulează în fundal pentru a verifica actualizări, a publica postări programate și așa mai departe. Pluginurile WordPress pot adăuga, de asemenea, propriile procese de fundal. Optimizarea sarcinilor Cron reduce sarcina serverului și îmbunătățește performanța.
• Reduce HTTP Requests Externe – Unele pluginuri și instrumente pe care le utilizați pot necesita încărcarea fișierelor de pe domenii externe. Prea multe dintre aceste solicitări pot crește timpul de încărcare a paginii. Pentru a remedia acest lucru, puteți consulta tutorialul nostru despre cum să dezactivați fișierele CSS și JavaScript ale pluginurilor dvs..

Puteți urma ghidul nostru complet de viteză și performanță WordPress pentru o prezentare mai detaliată a acestor metode și a altor strategii pentru a îmbunătăți timpul de încărcare a paginii.

Întrebări frecvente despre îmbunătățirea vitezei de încărcare a paginii

Înțelegem că s-ar putea să mai aveți întrebări despre cum să faceți site-ul dvs. să se încarce mai repede. Iată răspunsuri la unele dintre cele mai frecvente întrebări pe care le primim.

Care este o viteză bună de încărcare a paginii pentru un site web?

Un obiectiv excelent este ca paginile dvs. să se încarce în mai puțin de 2 secunde. Cu cât site-ul dvs. este mai rapid, cu atât este mai bine atât pentru vizitatorii dvs., cât și pentru clasamentul dvs. în motoarele de căutare.

Cum pot să testez viteza site-ului meu web?

Puteți utiliza instrumente online gratuite, cum ar fi Google PageSpeed Insights, pentru a vă testa site-ul. Pur și simplu introduceți URL-ul site-ului dvs. web, iar instrumentul vă va oferi un raport detaliat de performanță și sugestii de îmbunătățire.

Trebuie să fiu dezvoltator pentru a face site-ul meu mai rapid?

Deloc. Multe dintre cele mai eficiente strategii, cum ar fi alegerea unui hosting de calitate, utilizarea unui plugin de caching precum WP Rocket și optimizarea imaginilor, nu necesită abilități de codare.

Care dintre aceste sfaturi oferă cel mai mare impuls de performanță?

Găzduirea dvs. WordPress este fundația vitezei site-ului dvs. web. Începerea cu un gazdă rapid și fiabil precum SiteGround va avea cel mai mare impact asupra performanței dvs. de la prima zi.

Resurse suplimentare & Pași următori

Sperăm că această privire interioară asupra strategiei noastre de performanță vă oferă o cale clară pentru a vă face propriul site web mai rapid. Sfaturile pe care le-am împărtășit pot îmbunătăți experiența utilizatorului și SEO pentru orice site.

Dacă sunteți gata să aflați mai multe, iată câteva ghiduri suplimentare care v-ar putea fi utile:

• Ghidul complet pentru creșterea vitezei și performanței WordPress
• Cum să-ți pregătești site-ul WordPress pentru un eveniment cu trafic intens
• Cele mai bune pluginuri de cache pentru WordPress pentru a-ți accelera site-ul web

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.