cum să accelerați site-ul dvs. web

dacă sunteți începător și proprietar de site nou, în majoritatea cazurilor nu vă veți face griji cu privire la viteza site-ului web.

după ce vă construiți site-ul web sau începeți blogul, s-ar putea să simțiți că totul este la locul său. Site-ul dvs. este frumos, deci asta trebuie să însemne că oamenii nu vor avea nicio problemă să aștepte câteva secunde mai mult pentru a-l lăsa să se încarce corect, nu?

nu, nu este cazul.

potrivit Google research, cu cât este nevoie de mai mult timp pentru ca o pagină să se încarce, cu atât mai mulți oameni ar abandona un site web.

de asemenea, Google a introdus Web Core vitale (care contează ca un factor de clasare pentru site-urile web) care intră și mai detaliat atunci când vine vorba de viteza de încărcare a site-urilor web. Cu cât site-ul dvs. web este mai rapid, cu atât sunt mai mari șansele de a ajunge la prima pagină a rezultatelor căutării Google.

14 pași pentru a îmbunătăți viteza site-ului

• Pasul 1: Rulați un test de viteză
• Pasul 2: Obțineți găzduire web rapidă și fiabilă
• Pasul 3: implementați un serviciu de rețea de livrare a conținutului (CDN)
• Pasul 4: Minify CSS și JavaScript fișiere
• Pasul 5: Activați cache-ul browserului
• Pasul 6: Optimizați și curățați baza de date WordPress
• Pasul 7: utilizați teme optimizate/premium și simple
• Pasul 8: optimizați toate imaginile de pe site-ul dvs.
• Pasul 9: imagini și videoclipuri cu Încărcare leneșă
• Pasul 10: preveniți conectarea la cald a imaginilor
• pasul 11: gazdă video pe serviciile 3rd party și descărca mass-media mari
• pasul 12: păstrați plugin-uri la un nivel minim/găsi plugin-uri care sunt încetinirea vă jos
• pasul 13: redirecționări de control pe site-ul dvs.
• pasul 14: Optimizați conținutul (utilizați extrase, împărțiți articole lungi și comentarii etc)

Pasul 1: Rulați un test de viteză

înainte de a face ceva, este important să efectuați un test adecvat. Deși puteți face multe chiar și fără unul, vă sugerez cu tărie să rulați cel puțin un test de viteză, astfel încât să aveți un punct de referință care vă va ajuta să înțelegeți cât de bine funcționează site-ul dvs. și cât de bun este rezultatul după ce terminați toți pașii de îmbunătățire.

instrumente gratuite

din fericire, există teste de viteză gratuite disponibile pentru oricine. Trebuie doar să alegeți una, să introduceți adresa URL și să lăsați instrumentul să-și îndeplinească magia.

Google PageSpeed Insights

deoarece majoritatea oamenilor își optimizează site-ul pentru Google, primul instrument pe care îl voi menționa este Google PageSpeed Insights. Este destul de simplu și puteți avea rezultatul în câteva secunde.

1. deschideți Google PageSpeed Insights.
2. introduceți adresa URL a site-ului dvs.
3. Faceți clic pe butonul „analizați”.

în cazul meu, a fost nevoie de doar 10-15sec pentru ca testul să se finalizeze și să-mi arate rezultatele partajate în captura de ecran de mai jos.

după ce ați văzut numărul verde deasupra unde doriți să obțineți un scor de 100, vor exista alte câteva segmente pe care doriți să le examinați. Acestea sunt:

• prima vopsea de conținut (FCP)
• cea mai mare vopsea de conținut (LCP)
• schimbare de aspect cumulativă (CLS)

toate cele trei elemente fac parte din semnele vitale Web care sunt acum incluse în principalele valori Google care vor arăta cât de rapid sau lent este site-ul dvs. Puteți afla mai multe despre semnele vitale Web în ghidul nostru despre cum să vă optimizați site-ul mobil.

GTmetrix

unul dintre cele mai populare teste de viteză pe site este GTmetrix. Este complet gratuit și se poate face în mai puțin de un minut:

1. du-te la GTmetrix.
2. introduceți adresa URL completă a site-ului dvs.
3. apăsați butonul „Run Test” și așteptați aproximativ 30 de secunde.

după aceea, veți obține o notă care vă va arăta cât de rapid este site-ul dvs. web. Testul vă va arăta, de asemenea, detalii precum performanța site-ului dvs., structura acestuia, precum și semnele vitale web care sunt acum un factor de clasare de bază pentru Google.

dacă nu ați lucrat deja activ la optimizarea site-ului dvs. pentru viteză, atunci este posibil să nu obțineți un scor perfect. Dar nu vă faceți griji, puteți lucra spre asta dacă începeți să urmați toți pașii.

Pasul 2: Obțineți găzduire web rapidă și fiabilă

un site web rapid începe cu o găzduire bună. Indiferent cât de greu încercați să oferiți cea mai bună experiență de utilizator, dacă găzduirea dvs. este de rahat, viteza site-ului dvs. web va avea de suferit.

cele mai bune companii de găzduire se ocupă de toate și nu este necesar să înțelegeți ce se întâmplă în spatele ușilor închise. De la hardware-ul de calitate și bine întreținut până la componentele software actualizate în mod regulat, există multe lucruri pe care un serviciu de găzduire le poate face pentru a îmbunătăți viteza site-ului dvs.

pentru a începe în mod corect, obțineți site-ul dvs. găzduit cu Bluehost, una dintre companiile rare de găzduire recomandate oficial de WordPress.org. ani de experiență și milioane de site – uri găzduite fac din această companie de găzduire una dintre cele mai bune din domeniul lor-ceva care se va traduce cu ușurință în a avea un site web robust.

Pasul 3: Implementarea unui serviciu de rețea de livrare de conținut (CDN)

lumea noastră este un loc mare. Deși viteza Internetului s-a îmbunătățit drastic de-a lungul anilor, distanța fizică dintre computere și servere joacă încă un rol semnificativ în viteza online. Aceasta înseamnă că încărcarea informațiilor de pe un server din țara dvs. va fi, în general, mai rapidă decât încărcarea datelor din întreaga lume, la fel cum este mai ușor pentru dvs. să cumpărați o masă de cafea de la IKEA în orașul dvs. natal, în loc să fiți nevoit să conduceți pentru a obține una în altă țară.

aici intră rețelele de livrare de conținut. Acestea vă permit să aveți site-ul dvs. găzduit pe mai multe servere din întreaga lume. CDN poate recunoaște cea mai apropiată locație pentru fiecare persoană care încarcă site-ul dvs. și poate încărca conținutul de pe cel mai apropiat server. Deci, dacă un vizitator încearcă să vă încarce site-ul din SUA, va primi conținutul de pe unul dintre serverele SUA, în timp ce cineva care vine din Europa vă va încărca site-ul printr-un server situat în apropierea lor, de exemplu în Londra.

dacă găzduiți site-ul pe Bluehost, puteți găsi CDN-ul lor TrueSpeed în panoul de control. Doar prin configurarea acestuia, site-ul dvs. va deveni global și se va încărca mai repede către oameni din întreaga lume.

puteți obține, de asemenea, servicii CDN 3rd party. Cele mai populare CDN-uri sunt:

• Cloudflare
• KeyCDN
• StackPath
• Google Cloud CDN
• Rackspace
• CacheFly
• Amazon CloudFront

Pasul 4: minify CSS și JavaScript fișiere

site-uri moderne sunt umplute cu CSS și JavaScript fișiere care lucrează împreună pentru a păstra pagini web în căutarea frumos și de lucru în favoarea utilizatorilor. Linie după linie de cod face aceste fișiere inutil de mari, ceea ce poate încetini rapid site-ul dvs.

web designerilor (aceiași oameni care construiesc șabloanele pe care le achiziționați) le place să-și păstreze codul îngrijit. Aceasta înseamnă că păstrează codul frumos și ușor de înțeles. Cu toate acestea, având acele spații albe, linii suplimentare și caractere crește doar greutatea fișierului, care poate fi redusă cu ușurință prin comprimare.

Iată un exemplu de cod CSS simplu:

se poate minified în acest:

deși această diferență simplă nu va avea un impact semnificativ asupra site-ului dvs., imaginați-vă ce se întâmplă atunci când aveți mii și mii de spații și linii albe inutile.

din fericire, pentru a vă minifica fișierele CSS și JavaScript, nu trebuie să treceți prin cod și să faceți singur modificările. Există pluginuri care vor face acest lucru automat pentru dvs. și vă vor asigura că totul funcționează corect:

Pasul 5: activați cache-ul browserului

activând cache-ul browserului, permiteți stocarea conținutului în browserele oamenilor. Asta înseamnă că, dacă un vizitator decide să se întoarcă pe site-ul dvs., nu va trebui să descarce din nou toate fișierele de pe server, deoarece le-au stocat deja în browserul lor.

cache-ul browserului poate îmbunătăți semnificativ viteza site-ului dvs. web pentru utilizatorii care se întorc.

pentru a activa acest lucru pe site-ul dvs., tot ce aveți nevoie este un plugin WordPress gratuit, cum ar fi:

• W3 Total Cache
• WP cel mai rapid Cache
• WP Super Cache

dacă utilizați W3 Total Cache, de exemplu, tot ce trebuie să faceți este să instalați plugin-ul:

pluginul vă va configura automat setările de cache și vor începe imediat să lucreze în favoarea dvs. Dacă decideți să intrați în mai multe detalii, puteți deschide fila Performanță care este acum vizibilă în partea stângă a meniului WordPress, unde sunt vizibile toate setările pluginului. Aici, puteți schimba alte opțiuni, dacă este necesar.

Pasul 6: Optimizați și curățați baza de date WordPress

site-ul dvs. WordPress nu poate funcționa fără o bază de date. Tot ceea ce faceți și aveți pe site este stocat acolo. După cum vă puteți imagina, temele și pluginurile nu îl păstrează întotdeauna curat, deci chiar dacă dezinstalați un anumit plugin, acesta va lăsa unele date în baza dvs. de date. În timp, baza de date va deveni aglomerată și ineficientă, ceea ce va duce la un site web lent.

deși este posibilă curățarea manuală a bazei de date, aceasta ar însemna că trebuie să înțelegeți cum funcționează. Și chiar dacă o faci, șansele sunt că ai putea să o dai în bară.

din fericire, există pluginuri WordPress gratuite disponibile care vor optimiza și curăța baza de date pentru dvs. Cu toate acestea, înainte de a face ceva, asigurați-vă că creați o copie de rezervă completă a site-ului dvs. web sau aveți o modalitate de a anula modificările. Chiar dacă WP-Optimize este un plugin bine cunoscut și sigur, editarea directă a unei baze de date poate uneori să meargă prost.

Deci, în cazul în care ceva nu merge bine, sugerez resetarea WP. Acest plugin va crea un instantaneu al site-ului dvs. și vă va permite să reveniți rapid la orice modificări efectuate. Deci, în cazul în care ceva nu merge bine, puteți restaura baza de date în câteva minute, spre deosebire de restaurarea unei copii de rezervă complete care poate dura mai mult timp.

Pasul 7: utilizați teme optimizate / premium și simple

șabloanele și temele nu sunt doar vizuale. Pentru a le crea, designerii web trebuie să codifice caracteristici, opțiuni și să introducă imagini care se vor combina într-o singură temă de lucru.

după cum vă puteți imagina, un șablon care încarcă cinci fișiere și trei imagini, de exemplu, se va încărca mult mai repede decât cel care vine ambalat cu zece fișiere și douăzeci de imagini. Numărul mare nu este singurul factor important, dar cât de bine este optimizat totul vine în considerare, de asemenea.

deoarece există atât de multe teme WordPress și șabloane disponibile, este greu pentru a determina cele mai bune. Iată câteva dintre temele populare WordPress care sunt proiectate să arate bine și să se încarce rapid:

• Bună ziua Elementor
• Astra
• GeneratePress
• OceanWP
• Sydney

Pasul 8: optimizați toate imaginile de pe site-ul dvs.

Imaginile pot deveni cu ușurință una dintre principalele probleme de viteză ale site-ului dvs. Imaginile neoptimizate vor rămâne inutil de mari și greu de descărcat. Dacă utilizați prea multe dintre ele, utilizatorii vor avea dificultăți în încărcarea întregii pagini a site-ului dvs. web și, probabil, vor ajunge să plece înainte de a vedea conținutul.

din fericire, nu este atât de greu să păstrezi imaginile optimizate. Este important să examinați tema/șablonul pentru a afla ce dimensiuni de imagine aveți nevoie. Apoi, puteți avea grijă de imagine înainte de a o încărca redimensionând dimensiunea acesteia și modificând setările de calitate.

dacă trebuie doar să optimizați câteva imagini, puteți utiliza un serviciu 3rd party precum TinyPNG. Acest instrument de optimizare a imaginii vă va permite să încărcați imaginile sursă și apoi va fi optimizat automat. Doar trageți & aruncați imaginile și lăsați Panda să-și facă magia. Apoi veți putea descărca versiunile optimizate ale imaginilor dvs. pe care le puteți pune în siguranță pe site-ul dvs. web.

dacă aveți deja un site web activ și nu aveți timp să optimizați imaginile pe rând, există un plugin freemium care vă va rezolva toate problemele. Shortpixel Image Optimizer va avea grijă de toate imaginile care sunt disponibile în biblioteca Media. De asemenea, funcționează excelent cu NextGEN, Foo Gallery, precum și cu alte pluginuri de galerie și slider.

versiunea gratuită vă permite să se ocupe de până la o sută de imagini. Unele dintre caracteristici includ:

• optimizarea dimensiunii și calității imaginilor.
• conversia formatelor în altul.
• funcționează cu WebP și AVIF.

tot ce trebuie să faceți este să instalați pluginul și să personalizați setările așa cum doriți. Alegeți compresia de care aveți nevoie, setați dimensiunea imaginilor și apăsați butonul când sunteți gata ca pluginul să înceapă procesul de optimizare.

Pasul 9: Lazy încărcați imagini și videoclipuri

de obicei, atunci când un utilizator deschide un site web, întregul conținut care ar trebui afișat începe să se încarce automat. Deci, chiar dacă un utilizator are nevoie doar de conținutul de mai sus, ar avea tot ce este disponibil pe acea pagină încărcată.

în schimb, prin încărcarea leneșă a imaginilor și videoclipurilor, utilizatorii pot încărca doar conținut vizibil pe ecran. Odată ce utilizatorul începe să deruleze, imaginile și videoclipurile care se deplasează în zona vizibilă a ecranului vor începe să se încarce. În acest fel, întregul site se va încărca mai repede și va permite o experiență mai bună a utilizatorului.

cum să activați încărcarea leneșă în WordPress:

Pasul 10: prevenirea legării la cald a imaginii

Hotlinking este o acțiune care implică copierea sursei unei imagini de pe un site web pentru a o utiliza pe altul. În timp ce imaginea va apărea fără probleme, de fapt nu se încarcă de pe serverul dvs. În schimb, folosește toate resursele site-ului original și este de fapt considerat ilegal.

prin prevenirea hotlinking, puteți opri alte persoane de la furtul de imagini. În acest fel, economisiți resurse pe propriul serviciu de găzduire, ceea ce înseamnă că site-ul dvs. va fi singurul care utilizează aceste resurse, ceea ce duce la un site web mai rapid pentru vizitatorii dvs.

există mai multe modalități de a preveni conectarea la cald:

• utilizarea unui CDN: cele mai populare CDN-uri precum Cloudflare și KeyCDN au deja activată protecția la hotlinking.
• utilizarea pluginurilor de securitate: pluginul Firewall All In One WP Security & vă permite să aveți control asupra legăturii rapide.
• dezactivarea faceți clic dreapta pe imaginile dvs.: utilizați un plugin precum prevenirea furtului de conținut .
• modificare .fișier htaccess: utilizatorii mai avansați pot dezactiva hotlinking direct prin modificarea Codului în .fișier htaccess.

pasul 11: găzduiți videoclipuri pe serviciile 3rd party și descărcați suporturi mari

când porniți un site web, este logic să aveți toate videoclipurile și fișierele media mari pe propriul server. Cu toate acestea, ceea ce vă poate lipsi este că stocarea și reproducerea fișierelor mari ocupă resursele serverului. Când vine vorba de viteza site-ului dvs., este mult mai convenabil să descărcați videoclipuri și fișiere media mari pe serviciile 3rd party pentru a economisi lățimea de bandă.

un videoclip încărcat de pe YouTube va funcționa la fel de bine (dacă nu chiar mai bine) decât încărcat de pe serverul dvs. Și dacă aveți trafic mai mare, acest lucru înseamnă un impact mai mic asupra lățimii de bandă, ceea ce duce la un site mai rapid.

când vine vorba de videoclipuri, le puteți găzdui pe:

• YouTube;
• Vimeo; sau
• Wistia.

Pasul 12: păstrați pluginurile la minimum/găsiți pluginurile care vă încetinesc

fiecare plugin îmbunătățește site-ul dvs. web. Cu toate acestea, fiecare caracteristică nouă înseamnă și fișiere noi care ocupă spațiu și lățime de bandă. De asemenea, nu toate pluginurile sunt codificate la fel, deci este posibil să aveți un plugin care încetinește site-ul dvs. încărcând elemente inutile de care este posibil să nu fiți conștienți.

înainte de a începe să dezactivați toate pluginurile, vă sugerez să faceți un test de viteză.

acest plugin va rula câteva teste pe site-ul dvs. web și vă va arăta un grafic și detalii. Ceea ce vă interesează aici este fila „Runtime by Plugin” care va desena un grafic care vă va arăta toate pluginurile active și impactul acestora asupra site-ului.

Verificați cele mai mari „bucăți de tort” din graficul dvs. care arată pluginurile care sunt cele mai lente de pe site-ul dvs. Rețineți că acest lucru nu înseamnă că trebuie să scăpați de acel plugin specific.

acest test vă va permite să analizați toate suplimentele dvs., astfel încât să puteți cântări avantajele și dezavantajele și să decideți pentru ce pluginuri lente puteți dezinstala sau găsi o alternativă.

Pasul 13: controlați redirecționările de pe site-ul dvs. web

redirecționările îmbunătățesc experiența utilizatorului și chiar vă pot îmbunătăți SEO dacă sunt efectuate corect. Redirecționările active nu vor avea un impact negativ asupra site-ului dvs. Cu toate acestea, cu fiecare redirecționare, site-ul dvs. devine puțin mai lent. Deci, dacă ajungeți să aveți prea multe redirecționări (creând un așa-numit lanț de redirecționare), milisecunde se vor adăuga, iar site-ul dvs. va deveni mai lent.

unul dintre cele mai populare instrumente pentru gestionarea redirecționărilor este Screaming Frog. De asemenea, puteți verifica:

• Redirect Checker
• Sitebulb
• Deepcrawl

prin instalarea software-ului sau rularea unei scanări online (în funcție de instrumentul pe care l-ați ales), veți putea scana site-ul dvs. web. Acesta vă va arăta o analiză detaliată a site-ului web și vă va arăta rapid adresele URL redirecționate. Deoarece doar știind că o adresă URL este redirecționată nu va avea prea mult sens, vă va plăcea funcția care vă arată sursa unei redirecționări. Acest lucru vă va ajuta să înțelegeți site-ul dvs. web și vă va permite să acționați asupra redirecționărilor prin eliminarea celor care nu sunt necesare.

dacă găsiți un lanț de redirecționare care încetinește site – ul dvs., soluția este simplă-în loc să redirecționați de la linkul A la linkul B care merge la linkul C, ar trebui să schimbați redirecționarea la ultima legătură din lanț.

pentru gestionarea redirecționărilor în WordPress, puteți utiliza un plugin gratuit de redirecționări WP 301 care vă va ajuta să gestionați toate redirecționările.

pasul 14: Optimizați conținutul (folosiți fragmente, împărțiți articole lungi și comentarii etc.)

uneori, puteți face multe schimbând lucruri mici. Dacă scrieți un blog, puteți obține un site mai rapid controlând conținutul. Când afișați cele mai recente articole de pe blog, utilizați extrase în loc să încărcați întregul articol.

dacă utilizați un editor clasic, afișarea unui extras personalizat este relativ ușoară:

acum, afișarea extrasului pe pagina dvs. de pornire depinde de tema dvs. Este posibil să fie deja activat sau poate fi necesar să verificați opțiunea undeva în tema dvs. Vă sugerez să verificați documentația sau să contactați asistența, deoarece fiecare temă este diferită.

dacă aveți tendința de a scrie articole lungi, le puteți împărți rapid în două sau mai multe părți. Dacă utilizați un editor de blocuri, nu aveți nevoie de pluginuri externe. Pur și simplu editați o postare lungă, faceți clic pe simbolul „plus” și găsiți blocul „Page Break” care vă va împărți articolul în jumătate.

în cele din urmă, pentru cei care au o mulțime de comentarii, puteți alege să paginați comentariile în loc să le încărcați pe toate simultan:

continuați să testați viteza site-ului dvs. web

chiar dacă faceți fiecare pas din acest tutorial și accelerați cu succes site-ul dvs. web, asta nu înseamnă că ați terminat. Lucrurile se pot schimba rapid și nu știi niciodată cât de bine se va comporta site-ul tău mâine sau într-o lună. Acesta este motivul pentru care este crucial să faceți teste de viteză regulate și să vă îmbunătățiți site-ul în mod regulat.

puteți marca acest tutorial în cazul în care uitați unde și cum să testați site-ul dvs., precum și să vă amintiți ce pași ar trebui să parcurgeți pentru a-l accelera.

cum un site lent vă poate răni

chiar dacă nu vă deranjează să așteptați încărcarea site-urilor, majoritatea oamenilor au o problemă cu asta. Și dacă neglijezi problema, te poate răni pe termen lung. Cum?

• rate de respingere mai mari – chiar dacă vizitatorul dvs. decide să aștepte încărcarea unei pagini, asta nu înseamnă că va avea răbdare pe parcursul întregii vizite. Riscați rate de respingere mai mari, care îi vor face pe oameni să părăsească site-ul dvs. după ce vizitează prima pagină.
• pierderea banilor – dacă vindeți produse sau servicii pe site-ul dvs. web, un site lent va respinge potențialii cumpărători și viitorii clienți.
• pierderea traficului-vrei mai mult trafic, care va propulsa site-ul dvs. înainte? În acest caz, nu vă puteți permite să pierdeți un vizitator, deoarece site-ul dvs. nu este optimizat corespunzător.
• clasament SERP inferior – Google și alte motoare de căutare iau în considerare viteza de încărcare. O pagină mai lentă poate duce la împingerea în jos a paginii cu rezultatele motorului de căutare, chiar dacă conținutul dvs. este bun.

încă nu credeți că viteza este importantă? Sper că aceste patru motive vă vor convinge cum viteza unui site web este crucială și că sunteți gata să vă îmbunătățiți.

concluzie

toată lumea iubește site-uri frumoase și bine concepute. Cu toate acestea, dacă asta înseamnă să așteptați câteva secunde suplimentare pentru încărcarea site-ului web, este posibil să pierdeți un anumit procent de vizitatori.

deci, indiferent de ceea ce faceți, nu sacrificați viteza pentru estetică. Este posibil să aveți ambele; trebuie doar să aveți răbdare și să lucrați pe site-ul dvs. web pentru a-l îmbunătăți.