Blog

Cum sa cresti viteza de incarcare a site-ului tau: un ghid practic

In secolul vitezei, utilizatorii nu au nici timp, nici rabdare sa astepte incarcarea lenta a unui site. Daca acesta nu se afiseaza complet in 3 secunde, aproximativ 40% din vizitatori nu vor ezita sa iasa de pe site, potrivit unui studiu realizat de Akamai. Ulterior, utilizatorii respectivi vor avea tendinta de a ocoli site-ul lent si, in schimb, sa-l incerce pe cel al unui competitor.

In aceste conditii, optimizarea vitezei de incarcare a site-ului a devenit un aspect esential pentru orice afacere din mediul online. Din acest articol, vei afla care sunt beneficiile incarcarii rapide ale site-ului, ce instrumente poti folosi pentru masurarea si evaluarea vitezei sale si,  totodata, care sunt principalele masuri necesare pentru un site cat mai rapid:

Viteza de incarcare a site-ului: de ce este atat de importanta

Viteza de incarcare a site-ului are un impact direct asupra gradului de optimizare a unui site pentru motoarele de cautare. Google a anuntat inca din 2010 ca timpul de incarcare a site-ului este un factor pentru pozitionarea in rezultatele cautarii, potrivit Hosting Manual. Odata cu update-ul din iulie 2018, acesta a devenit valabil si pentru dispozitive mobile, nu doar pentru desktop.

Viteza de incarcare a site-ului influenteaza nu doar rezultatele organice de la Google, ci si cele platite. In cadrul Google Ads, un site care se incarca mai repede va obtine un scor de calitate mai mare decat unul care se incarca lent.

Exista o relatie puternica intre viteza de incarcare a site-ului si rata de conversie. Potrivit Tech Magnate, o singura secunda in plus la viteza de incarcare are ca rezultat o scadere de aproximativ 25% in rata de conversie.

O viteza redusa de incarcare a site-ului afecteaza si timpul petrecut de utilizator pe site. O parte din utilizatori decid sa nu astepte incarcarea paginii si ies in cateva secunde. Acest lucru conduce la scaderea timpului mediu petrecut pe site, care, la randul sau, afecteaza rata de conversie.

Ai nevoie de ajutor pentru imbunatatirea timpului de incarcare a site-ului tau? Echipa Bartera te poate ajuta.

Contacteaza-ne

Care este viteza recomandata de incarcare a site-ului

E bine ca viteza de incarcare a unui site sa fie cat mai redusa. In practica, exista diferente importante in functie de tipul site-ului, domeniul de activitate si asteptarile utilizatorilor. Un site complex, cu multe resurse, nu poate ajunge la viteze la fel de scazute ca un site foarte simplu.

Mai concret, exista cateva intervale generale de timp in functie de care te poti orienta:

• > 0,1 secunde: un timp excelent; utilizatorul are senzatia ca site-ul raspunde instantaneu.
• > 1 secunda: un timp foarte bun; utilizatorul sesizeaza intarzierea, dar nu e deranjat de ea, iar procesul de navigare pe site nu este intrerupt.
• 3 secunde: timpul de incarcare recomandat de Google, mult mai redus decat viteza de incarcare a site-urilor in realitate (cele mai multe site-uri de la nivel international au cel putin dublu).
• ~ 4 secunde: un timp mediu de incarcare; pragul de 4 secunde e asociat cu o rata de abandon a paginii de 25%, potrivit Hobo Web.
• ~ 10 secunde: un timp lung de asteptare; utilizatorul iese de pe site sau incepe sa desfasoare alte activitati.

Instrumente utile pentru masurarea si evaluarea vitezei de incarcare a site-ului

Google PageSpeed Insights

PageSpeed Insights, instrumentul pus la dispozitie de Google, are o serie de avantaje care il fac extrem de util. Acesta masoara timpul de incarcare atat pentru desktop, cat si pentru mobil si genereaza un scor pentru fiecare, pe o scara de la 1 la 100. Cu cat este mai mare scorul, cu atat pagina analizata are un timp de incarcare mai redus.

Evaluarea vitezei de incarcare a site-ului prin Google PageSpeed Insights

PageSpeed Insights genereaza apoi un mic raport cu trei sectiuni principale:

• Datele testului – indica diferite intervale de timp in incarcarea paginii, cum ar fi cat dureaza prima redare de continut sau care e timpul pana la interactivitate.
• Oportunitati – reprezinta sugestii oferite in vederea optimizarii paginii, impreuna cu impactul estimat asupra duratei sale de incarcare.
• Diagnosticare – include informatii despre performanta paginii, impreuna cu recomandari precise.

GTmetrix

Dupa introducerea URL-ului, GTmetrix va calcula un scor total de performanta a site-ului in ceea ce priveste viteza, timpul total de incarcare (care poate fi mai mare decat in realitate, in functie de serverul ales in mod automat), dimensiunea paginii si numarul de solicitari trimise de site.

In sectiunea PageSpeed, vei gasi o lista de recomandari, insotite de nota pe care a primit-o site-ul tau (de la A la F), tipul recomandarii (legat de imagini, CSS, JS, server, continut) si prioritatea acesteia.

Folosind optiunea „Compare” din dreapta, ai posibilitatea de a compara viteza de incarcare a doua site-uri sau, precum in imaginea de mai jos, a doua pagini de pe acelasi site.

Compararea vitezei de incarcare a doua pagini de pe acelasi site prin GTmetrix

KeyCDN

KeyCDN iti ofera posibilitatea de a alege locatia serverului de pe care se face testul de viteza pentru URL-ul introdus. Acesta are avantajul ca ofera informatii detaliate pentru fiecare resursa a site-ului: status, marime, timp de incarcare si cate un grafic care indica modul in care se incarca. De asemenea, poti afla informatii suplimentare despre incarcarea fiecarei resurse, folosind sageata din dreapta.

Test pentru viteza de incarcarea a site-ului prin KeyCDN

Pasi esentiali pentru imbunatatirea vitezei de incarcare a site-ului

1. Scade numarul de solicitari HTTP

Fiecare element de pe site, trimite o solicitare (HTTP request). Cu cat este mai mic numarul de solicitari, cu atat site-ul se poate incarca mai repede. Prin urmare, evita sa introduci continut pe site fara un motiv bun si elimina elementele fara un rol clar.

2. Minimizeaza si combina fisierele

Redu impactul fisierelor HTML, CSS si JavaScript. Poti folosi site-uri precum minifier.org, unde poti incarca fisiere CSS si JavaScript, prin URL sau direct prin cod. Pentru site-urile WordPress, exista module cu acest rol, precum Autoptimize sau Fast Velocity Minify.

3. Verifica serverul

Identifica eventuale erori si remediaza-le pentru un site mai rapid. Daca serverul foloseste PHP, asigura-te ca e vorba de versiunea 7, care ruleaza mult mai rapid decat cele anterioare.

4. Optimizeaza imaginile

Inainte de a incarca o imagine pe site, asigura-te ca e redimensionata si comprimata. Poti utiliza un program de editare foto sau o unealta online, cum ar fi acest site pentru comprimarea imaginilor de tip PNG si JPEG.

5. Foloseste incarcarea asincronica

Nu lasa fisierele CSS si JavaScript sa se incarce pe rand, pe masura ce apar pe pagina. Incarcarea asincronica permite incarcarea simultana a resurselor pentru o viteza mai mare.

6. Profita de beneficiile cache-ului

Cache-ul scade timpul de incarcare a site-ului prin stocarea locala a unor fisiere din cadrul sau. Prin urmare, la vizitele ulterioare, site-ul se va incarca mai rapid.

7. Acorda prioritate continutului vizibil

Incarcarea „lenesa” (lazy load) este utila in special pentru paginile cu mult continut. Pe masura ce pagina se incarca, continutul vizibil va avea prioritate in raport cu cel din josul paginii.