R A Z I T E C H
Dashboard de performanță web cu metrici de viteză și scoruri Core Web Vitals
  • 25 Ianuarie 2026
  • Razi Tech
  • 14 min citire
  • Performanță

3 secunde. Atât ai la dispoziție ca să convingi pe cineva că site-ul tău merită atenția lor. Dacă pagina nu s-a încărcat până atunci, vizitatorul a plecat deja. Nu exagerez — un studiu Google arată că 53% dintre utilizatorii de mobil abandonează un site care se încarcă în mai mult de 3 secunde. Pur și simplu dau back și intră la concurență.

Hai să punem asta în context. Imaginează-ți un magazin online din Cluj care vinde produse artizanale. Proprietarul investește 2.000 de lei pe lună în reclame Google, atrage trafic decent, dar rata de conversie e sub 1%. Problema nu e oferta — sunt produse frumoase la prețuri corecte. Problema e că site-ul se încarcă în 6 secunde pe mobil. Jumătate din vizitatori pleacă înainte să vadă vreun produs. Banii din reclame se duc, pe scurt, direct la gunoi.

Și asta nu e o situație rară. E mai degrabă regula decât excepția pe piața din România, unde multe site-uri sunt construite cu teme WordPress grele, imagini neoptimizate și hosting ieftin. În articolul ăsta o să vedem de ce viteza contează cu adevărat, ce o încetinește și, mai important, ce poți face concret ca s-o îmbunătățești.

De ce contează viteza: SEO, conversii, experiență

Viteza website-ului nu e doar o chestie tehnică despre care discută programatorii la cafea. Are impact direct și măsurabil asupra a trei lucruri care contează pentru orice afacere: cât de sus apari în Google, câți vizitatori devin clienți și cum se simt oamenii pe site-ul tău.

Să le luăm pe rând. Google a confirmat încă din 2018 că viteza de încărcare e un factor de ranking, atât pe desktop cât și pe mobil. Nu e singurul factor, evident — conținutul relevant și link-urile contează mai mult — dar la concurență egală între două site-uri, cel rapid câștigă. Iar din 2021, odată cu introducerea Core Web Vitals (despre care vorbim mai jos), Google a făcut din experiența utilizatorului un criteriu și mai explicit.

Pe partea de conversii, cifrele sunt destul de clare. Studiile arată că fiecare secundă suplimentară de încărcare reduce conversiile cu aproximativ 7%. Dacă ai un site de servicii care generează 20 de cereri de ofertă pe lună și site-ul tău se încarcă în 5 secunde în loc de 2, pierzi probabil 4-5 cereri de ofertă lunar. Asta poate însemna mii de lei în venituri pierdute, lună de lună.

Și apoi e experiența pură a utilizatorului. Un site lent se simte neprofesional. E ca și cum ai intra într-un magazin fizic unde luminile se aprind cu întârziere și rafturile se mișcă singure. Bounce rate-ul (procentul de vizitatori care pleacă după prima pagină) crește dramatic pe site-urile lente — de obicei peste 60% când timpul de încărcare depășește 4 secunde. Iar un bounce rate mare trimite un semnal negativ și către Google: "oamenii nu găsesc ce caută aici".

Ce cauzează un website lent?

Înainte să sari direct la optimizări, merită să înțelegi de ce e site-ul lent. Ca să fiu sincer, în 80% din cazurile pe care le vedem, cauzele sunt aceleași — și sunt surprinzător de ușor de rezolvat odată ce știi unde să te uiți.

Imagini neoptimizate — Asta e cauza numărul unu, de departe. O fotografie făcută cu telefonul are de obicei 3-5 MB. Pune 10 astfel de imagini pe o pagină și ai 40 MB de descărcat. Pe o conexiune mobilă medie în România (cam 30-50 Mbps pe 4G), asta înseamnă câteva secunde bune doar pentru imagini. Și cel mai absurd lucru e că acele imagini sunt afișate la 400 pixeli lățime pe ecran — nu ai nevoie de rezoluția originală de 4000 pixeli.

Hosting ieftin — Un hosting shared la 10-15 lei pe lună pare o afacere bună, dar serverul tău împarte resurse cu alte sute de site-uri. Timpul de răspuns al serverului (TTFB — Time to First Byte) poate fi de peste o secundă, înainte ca browser-ul să înceapă măcar să descarce ceva. E ca și cum ai deschide un restaurant într-o clădire unde liftul merge doar la fiecare 5 minute.

Situația hosting-ului în România merită o discuție separată. Furnizorii locali de shared hosting (și sunt destui) oferă pachete de la 10-20 RON pe lună, dar performanța variază enorm. Pe un pachet ieftin, serverul tău stă pe aceeași mașină cu 200-300 de alte site-uri, iar dacă unul dintre ele are o zi bună cu trafic, toate celelalte suferă. Un hosting decent pentru un site de prezentare — cu SSD-uri, servere în Europa și TTFB sub 400ms — costă între 40-80 RON pe lună. Nu e o diferență uriașă, dar impactul asupra vitezei e vizibil. Iar dacă ai un magazin online sau un site cu trafic peste 5.000 de vizitatori pe lună, merită să te uiți la un VPS, care pornește de la 60-120 RON pe lună și îți dă resurse dedicate.

Prea multe plugin-uri — Dacă folosești WordPress (sau orice CMS), fiecare plugin adaugă cod JavaScript și CSS care trebuie încărcat. Am văzut site-uri cu 30-40 de plugin-uri active, dintre care jumătate nu mai erau nici măcar necesare. Fiecare plugin adaugă cereri HTTP, fiecare cerere adaugă latență, și totul se acumulează.

Cod neoptimizat — Fișiere CSS și JavaScript neminificate, cu comentarii și spații inutile. Fișiere CSS mari încărcate pe pagini unde nu sunt necesare. JavaScript care blochează randarea paginii în loc să se încarce asincron. Astea sunt probleme tehnice, dar au impact real.

Lipsa caching-ului — Fără caching, de fiecare dată când cineva vizitează site-ul, browser-ul descarcă toate resursele de la zero. Logo-ul, fonturile, fișierele CSS — totul, de la capăt. Cu caching activat, la a doua vizită pagina se încarcă aproape instant, pentru că browser-ul folosește fișierele deja descărcate.

Cum măsori viteza (și cum citești rezultatele)

Primul pas e să măsori. Nu "să simți" că site-ul e lent sau rapid, ci să ai date concrete. Există trei instrumente principale pe care le recomand, și toate sunt gratuite.

Google PageSpeed Insights e primul pe care ar trebui să-l folosești. Introdu URL-ul site-ului, apasă Analyze și primești un scor de la 0 la 100 pentru mobil și desktop. Scorul se bazează pe date reale de la utilizatorii Chrome (dacă site-ul tău are suficient trafic) plus un test simulat. Un scor de 90+ e "verde" (bun), 50-89 e "portocaliu" (necesită îmbunătățiri), sub 50 e "roșu" (probleme serioase). Cel mai util lucru din PageSpeed Insights e lista de recomandări concrete — îți spune exact ce să repari și cât impact estimat ar avea fiecare schimbare.

GTmetrix oferă o analiză mai detaliată. Ce-mi place la GTmetrix e vizualizarea "waterfall" — o cascadă care arată exact în ce ordine se încarcă resursele și cât durează fiecare. Poți vedea imediat dacă o imagine de 3 MB blochează totul sau dacă un script extern de la un serviciu terț adaugă 2 secunde. E ca o radiografie a site-ului.

Lighthouse e integrat direct în Chrome. Deschizi DevTools (F12), mergi la tab-ul Lighthouse și rulezi un audit. Pe lângă performanță, verifică și accesibilitatea, SEO-ul și best practices. E foarte util pentru dezvoltatori, pentru că poți testa fiecare modificare imediat, fără să deschizi alt site.

Un lucru important: nu te uita doar la scorul general. Scorurile pot varia de la un test la altul (din cauza condițiilor de rețea și server). Mai relevante sunt metricile individuale — și aici intrăm în zona Core Web Vitals.

Core Web Vitals pe înțelesul tuturor

Core Web Vitals sunt trei metrici pe care Google le folosește ca să evalueze experiența reală a utilizatorilor pe site-ul tău. Sună complicat, dar hai să le traducem în limbaj normal.

LCP (Largest Contentful Paint) — Pe scurt: cât durează până se afișează cel mai mare element vizibil de pe pagină. De obicei e imaginea principală sau un bloc mare de text. Google vrea să fie sub 2.5 secunde. Dacă e peste 4 secunde, ai o problemă serioasă. Gândește-te la LCP ca la momentul în care vizitatorul simte "ok, pagina s-a încărcat, pot citi". Dacă stă 5 secunde uitându-se la un ecran gol, a plecat deja.

INP (Interaction to Next Paint) — Asta a înlocuit FID-ul din 2024 și e o metricărigoasă. Măsoară cât de repede răspunde pagina când utilizatorul face ceva — dă click pe un buton, completează un formular, deschide un meniu. Google vrea sub 200 de milisecunde. Dacă apăs pe butonul "Adaugă în coș" și nu se întâmplă nimic vizibil timp de o secundă, am impresia că site-ul e stricat. INP-ul surprinde exact problema asta.

CLS (Cumulative Layout Shift) — Asta e metrica pe care o simți cel mai direct. Ai fost vreodată pe un site, ai vrut să apeși pe un link, dar fix înainte de click s-a încărcat o reclamă și link-ul s-a mutat? Exact asta măsoară CLS — stabilitatea vizuală a paginii. Google vrea un scor sub 0.1. Cauzele tipice: imagini fără dimensiuni specificate, fonturi care se încarcă și schimbă textul, bannere sau reclame care apar târziu. E enervant pentru utilizator și Google penalizează pentru asta.

Pe scurt, cele trei metrici acoperă: viteza de încărcare (LCP), reactivitatea (INP) și stabilitatea vizuală (CLS). Dacă le ai pe toate în zona verde, site-ul tău oferă o experiență bună și Google știe asta.

7 pași concreți de optimizare

Acum că știi de ce contează viteza și cum s-o măsori, hai să trecem la ce poți face efectiv. Am ordonat pașii de la cel mai mare impact la cel mai mic, ca să știi pe ce să te concentrezi întâi.

1. Optimizează imaginile — format WebP + lazy loading

Convertește toate imaginile din JPEG/PNG în format WebP. Diferența e uriașă: o imagine JPEG de 500 KB devine 100-150 KB în WebP, fără pierdere vizibilă de calitate. Apoi implementează lazy loading — imaginile de mai jos pe pagină (cele care nu sunt vizibile imediat) se încarcă doar când utilizatorul scrollează până la ele. Ca exemplu concret: am lucrat la un site de prezentare pentru o pensiune din Bran care avea 12 fotografii JPEG pe pagina principală, totalizând 18 MB. După conversia în WebP și redimensionare la rezoluția reală de afișare, totalul a scăzut la 1.8 MB. Timpul de încărcare pe mobil a trecut de la 7.2 secunde la 2.8 secunde — fără nicio altă modificare. Impact estimat: 30-50% reducere a timpului de încărcare pe pagini cu multe imagini.

2. Minifică CSS și JavaScript

Minificarea elimină spațiile, comentariile și caracterele inutile din fișierele CSS și JS. Un fișier CSS de 100 KB poate scădea la 60-70 KB. Nu pare mult, dar când ai 5-10 fișiere, se adună. Poți și să combini fișierele (concatenare) pentru a reduce numărul de cereri HTTP. Impact estimat: 10-20% îmbunătățire a timpului de încărcare.

3. Activează compresia GZIP sau Brotli

Compresia la nivel de server funcționează ca un ZIP pentru fișierele trimise către browser. GZIP reduce dimensiunea fișierelor text (HTML, CSS, JS) cu 60-80%. Brotli e versiunea mai nouă și mai eficientă, suportată de toate browserele moderne. Se configurează pe server (în .htaccess pe Apache sau în nginx.conf) și e transparent pentru utilizator. Impact: semnificativ, mai ales pe conexiuni lente.

4. Folosește un CDN (Content Delivery Network)

Un CDN distribuie copii ale site-ului tău pe servere din mai multe locații. Dacă hosting-ul tău e în Germania și un utilizator din București accesează site-ul, fără CDN datele traversează toată Europa. Cu un CDN ca Cloudflare (are plan gratuit), fișierele statice se livrează de pe un server mai aproape de utilizator. Impact: 20-40% îmbunătățire a timpului de încărcare, mai ales pentru utilizatori la distanță de server.

5. Implementează caching corect

Setează header-ele de cache pentru fișierele statice (imagini, CSS, JS, fonturi) la cel puțin 30 de zile. Asta înseamnă că la a doua vizită, browser-ul nu mai descarcă aceste fișiere — le are deja. Pentru paginile HTML, poți folosi un cache mai scurt (câteva ore) ca să reflecte modificările. Pe WordPress, plugin-uri ca WP Super Cache sau W3 Total Cache fac asta automat. Diferența e dramatică: un site fără caching descarcă 2-3 MB la fiecare vizită, în timp ce cu caching corect configurat, a doua vizită poate însemna doar 50-100 KB de date noi (doar HTML-ul actualizat). Impact: enorm pentru vizitele repetate — pagina se încarcă aproape instant.

6. Reduce plugin-urile și scripturile externe

Fiecare script extern (chat widgets, analytics multiple, fonturi de la Google, share buttons) adaugă cereri HTTP și timp de încărcare. Fă un audit: chiar ai nevoie de 3 instrumente de analytics? Chiar folosești acel plugin de social sharing pe care l-ai instalat acum 2 ani? Dezactivează și șterge tot ce nu e esențial. Impact: variabil, dar am văzut site-uri care s-au îmbunătățit cu 2-3 secunde doar prin eliminarea plugin-urilor inutile.

7. Investește în hosting de calitate

Nu poți optimiza performanța unui server care răspunde în 1.5 secunde. Un hosting bun pentru un site de prezentare în România costă între 50-150 lei pe lună — nu e o investiție uriașă comparativ cu impactul pe care îl are. Caută hosting cu SSD-uri, servere în Europa și TTFB sub 300ms. Impact: fundamental — toate celelalte optimizări depind de un server rapid.

WordPress vs custom din perspectiva vitezei

Trebuie să abordăm și elefantul din cameră: platformele pe care sunt construite site-urile. Am scris un articol detaliat despre WordPress vs website custom, dar din perspectiva vitezei, diferențele sunt semnificative.

Un site WordPress "tipic" — temă premium, 15-20 plugin-uri, page builder vizual — generează de obicei 2-4 MB de date și 80-120 de cereri HTTP per pagină. Asta pentru că fiecare plugin își încarcă propriile fișiere CSS și JavaScript, chiar dacă nu sunt necesare pe pagina respectivă. Tema premium vine cu funcționalități pentru orice scenariu posibil, dar tu folosești 10% din ele. Restul e cod mort care încă se încarcă.

Hai să luăm un exemplu real pe care îl vedem des: un magazin online pe WordPress cu WooCommerce, construit cu Elementor ca page builder. Pe lângă astea două, proprietarul a instalat și Yoast SEO, Contact Form 7, Wordfence (securitate), un plugin de cookie banner, WPML pentru traduceri, UpdraftPlus pentru backup, un plugin de social sharing și încă 3-4 plugin-uri mai mici. Fiecare plugin adaugă propriile fișiere CSS și JS — chiar și pe pagini unde nu sunt relevante. Elementor singur încarcă 300-400 KB de CSS și JavaScript. WooCommerce adaugă scripturi și stiluri pe fiecare pagină, nu doar pe cele de magazin. Rezultatul? O pagină simplă „Despre noi" ajunge să încarce 4-5 MB de date și 100+ cereri HTTP, ca și cum ar fi un dashboard complex. Scorul PageSpeed pe mobil: 25-35 din 100.

Un site custom, construit corect, poate ajunge la 200-500 KB și 15-25 de cereri HTTP. De ce? Pentru că conține exact ce are nevoie și nimic mai mult. Nu are 50 de fișiere JavaScript pentru funcționalități pe care nu le folosești. Nu are CSS pentru 200 de componente din care ai ales 10.

Asta nu înseamnă că WordPress nu poate fi rapid. Se poate — cu o temă ușoară, puține plugin-uri și optimizare atentă. Dar e mult mai ușor să ai un site rapid când pornești de la zero și construiești doar ce trebuie, decât să încerci să optimizezi o platformă care e designată să fie flexibilă, nu rapidă.

Cât de rapid e suficient?

Întrebarea asta o primim des și răspunsul e mai nuanțat decât "cât mai rapid posibil". Există un punct de diminishing returns — adică îmbunătățirile devin din ce în ce mai mici față de efortul investit.

Ca să fiu practic: dacă site-ul tău se încarcă în sub 2 secunde pe mobil, ești în formă excelentă. Între 2 și 3 secunde — bine, dar se poate mai bine. Peste 3 secunde — ai o problemă care trebuie rezolvată. Peste 5 secunde — pierzi bani activ.

Un lucru pe care vreau să-l subliniez: nu trebuie să ai 100/100 pe PageSpeed Insights. Serios. Am văzut oameni care se obsedează cu scorul și investesc zile întregi pentru a trece de la 92 la 98. Diferența practică e neglijabilă. Mult mai important e să ai toate Core Web Vitals în zona verde și un timp de încărcare perceput sub 3 secunde.

De asemenea, contează pe ce pagini te concentrezi. Pagina de start și paginile de servicii (cele pe care aterizează traficul) trebuie să fie rapide. O pagină de blog cu multe imagini poate fi puțin mai lentă fără impact major, atâta timp cât nu exagerezi. Prioritizează ce contează pentru conversii.

Un alt aspect pe care mulți îl ignoră: viteza pe mobil contează mai mult decât pe desktop. Peste 60% din traficul web în România vine de pe telefoane, iar conexiunile mobile sunt mai lente și mai instabile decât cele fixe. Dacă verifici doar scorul pe desktop și ignori mobilul, ratezi imaginea de ansamblu.

Concluzie

Viteza website-ului nu e o chestie abstractă de care să se ocupe "cineva tehnic". E o problemă de business. Fiecare secundă suplimentară de încărcare înseamnă vizitatori pierduți, conversii pierdute și bani pierduți. Iar vestea bună e că majoritatea problemelor de viteză se pot rezolva relativ ușor — optimizare imagini, caching, hosting decent — fără să fie nevoie să reconstruiești tot site-ul.

Dacă vrei să înțelegi mai bine cum viteza se leagă de prezența ta online, am scris și un ghid complet de SEO care acoperă și partea tehnică.

Dac? website-ul t?u se ?ncarc? greu, ?ncepe cu m?sur?tori ?i cu problemele care afecteaz? paginile importante pentru utilizatori. Prioritizeaz? schimb?rile dup? impactul observat ?i verific? rezultatul ?n acelea?i condi?ii de testare.

Ce vrei să construiești sau să îmbunătățești?

Descrie ideea sau problema. Discutăm scopul, bugetul și condițiile proiectului.

Discutăm proiectul tău
Tendințe Web Design 2026 WordPress vs Custom