Core Web Vitals pentru magazine online: de ce contează viteza
Core Web Vitals (LCP, INP, CLS) măsoară experiența reală de încărcare, reactivitate și stabilitate a site-ului. Pentru un magazin online, ele afectează direct atât rankingul în Google, cât și rata de conversie — mai ales pe mobil, unde fiecare secundă pierdută înseamnă vânzări pierdute.
Viteza nu e doar un detaliu tehnic, e un factor direct de vânzări. Un client care așteaptă patru secunde o pagină de produs, care apasă „Adaugă în coș” și nu vede nimic sau care atinge butonul greșit pentru că pagina a „sărit” nu mai are răbdare. Pleacă la un competitor, iar tu ai plătit pentru click degeaba.
Core Web Vitals sunt setul de metrici prin care Google măsoară exact aceste frustrări. Sunt trei: LCP, INP și CLS. În cele ce urmează le explicăm pe înțelesul tuturor, vedem ce le strică de fapt într-un magazin online și ce poți face concret, fără să rescrii site-ul de la zero.
Cele trei metrici, pe înțelesul tuturor
Google nu măsoară „viteza” în general. Măsoară trei momente din experiența unui om real, pe un telefon real. Datele vin din Chrome, de la vizitatorii efectivi ai magazinului tău.
LCP: cât durează până vezi ceva util
Largest Contentful Paint măsoară momentul în care apare cel mai mare element din ecran: de obicei imaginea principală a produsului sau bannerul de pe homepage. Ținta este sub 2,5 secunde. Între 2,5 și 4 secunde ai ceva de îmbunătățit, iar peste 4 secunde pagina e considerată slabă.
Pentru un client, LCP înseamnă „s-a încărcat pagina?“. Dacă poza produsului apare după cinci secunde, pentru el pagina nu există încă.
INP: cât de repede răspunde pagina când o atingi
Interaction to Next Paint a înlocuit vechiul FID și măsoară cât durează până când pagina reacționează vizibil după o atingere sau un click: deschiderea unui meniu, alegerea unei mărimi, apăsarea pe „Adaugă în coș”. Ținta este sub 200 de milisecunde.
INP se strică de obicei din cauza JavaScript-ului în exces. Telefonul este ocupat să execute scripturi de chat, pixeli de tracking și widgeturi, așa că ignoră temporar degetul clientului.
CLS: cât de mult „sare” pagina
Cumulative Layout Shift măsoară stabilitatea vizuală. Ai trăit-o sigur: citești o descriere, apare un banner deasupra și textul coboară, iar tu apeși pe altceva. Ținta este sub 0,1.
De ce contează pentru un magazin online
Există două motive, iar amândouă se traduc în bani.
Impactul asupra conversiei
Majoritatea cumpărăturilor din România încep pe mobil, adesea pe o conexiune medie, nu pe fibră. Acolo fiecare secundă se simte. O pagină lentă crește rata de abandon, iar un checkout care răspunde greu transformă un client decis într-unul ezitant.
Efectul se vede în rata de conversie: două magazine cu același trafic și aceleași prețuri pot avea rezultate foarte diferite doar din cauza experienței de utilizare. Dacă vrei să vezi viteza într-un plan mai larg, citește cum crești rata de conversie într-un magazin online și serviciul nostru de optimizare a ratei de conversie.
Impactul asupra rankingului
Core Web Vitals fac parte din semnalele de experiență pe pagină folosite de Google. Nu sunt cel mai puternic factor: un conținut relevant și un profil bun de link-uri vor câștiga în continuare. Dar la relevanță apropiată, magazinul mai rapid are un avantaj, iar în nișe aglomerate (electronice, modă, cosmetice) diferența dintre poziția 4 și poziția 8 contează enorm.
Cauzele frecvente în magazinele online
Din auditurile pe care le facem, aceleași probleme apar din nou și din nou. Rareori vina e a „serverului lent” în sens abstract.
Imagini mari și neoptimizate
Cel mai comun vinovat pentru un LCP slab. Fotografiile de produs încărcate direct de la fotograf, de 3-5 MB, afișate într-un spațiu de 600 de pixeli. Un banner de homepage de 2 MB în format JPEG este un exemplu clasic: pe mobil, el singur poate consuma jumătate din bugetul de timp.
Scripturi și aplicații terțe
Fiecare aplicație instalată adaugă JavaScript: chat live, popup-uri de newsletter, recenzii, pixeli de tracking, hărți termice, programe de loialitate. Individual par inofensive, împreună blochează thread-ul principal și strică INP. Magazinele care au 15-20 de scripturi externe au aproape mereu probleme de reactivitate.
Bannere, popup-uri și elemente care apar târziu
Un banner de cookie-uri care împinge pagina în jos, o bară de promoții injectată după încărcare sau un widget de recenzii fără spațiu rezervat provoacă CLS. La fel, imaginile fără dimensiuni declarate: browserul nu știe cât loc să lase, așa că pagina se rearanjează când imaginea ajunge.
Fonturi
Fonturile încărcate de pe servere externe întârzie textul sau îl fac să „clipească”.
Temă grea și hosting subdimensionat
O temă încărcată cu zeci de funcții pe care nu le folosești livrează sute de kilobyți de cod inutil. Iar un hosting partajat ieftin, cu timp de răspuns de peste o secundă, îți consumă bugetul de LCP încă înainte să înceapă încărcarea imaginilor.
Cum le măsori corect
Un scor de 95 în PageSpeed Insights nu înseamnă automat că Google te consideră rapid.
Date de teren versus date de laborator
Datele de laborator sunt un test simulat, rulat o singură dată, pe un dispozitiv și o conexiune standard. Sunt utile pentru depanare, pentru că pot fi repetate. Datele de teren vin de la utilizatori reali, în condiții variate, și sunt cele pe care le folosește Google pentru evaluare.
Poți avea un scor excelent în laborator și rezultate slabe în teren, de exemplu dacă mulți clienți folosesc telefoane vechi. Prioritatea este mereu câmpul.
Unde te uiți
- PageSpeed Insights: introduci un URL și vezi ambele tipuri de date, plus recomandări concrete. Secțiunea de sus (datele din teren) contează cel mai mult.
- Google Search Console: raportul Core Web Vitals grupează paginile problematice pe tipuri. Aici afli rapid că, de pildă, toate paginile de produs au un LCP slab, nu doar una.
- Documentația oficială: pentru praguri și definiții actualizate, ghidul de pe web.dev este sursa de încredere.
Soluții practice, în ordinea impactului
Nu încerca să repari totul deodată. Începe cu ce aduce cel mai mult.
1. Imaginile
Convertește imaginile în formate moderne, WebP sau AVIF, care reduc greutatea cu 30-60% fără pierdere vizibilă de calitate. Redimensionează-le la dimensiunea reală de afișare și declară întotdeauna lățimea și înălțimea. Folosește lazy loading pentru imaginile de sub primul ecran, dar niciodată pentru imaginea principală: aceea trebuie încărcată prioritar, fiindcă este chiar elementul LCP.
2. Scripturile
Fă un inventar al aplicațiilor. Dacă un popup aduce 20 de abonări pe lună, dar costă 300 ms de reactivitate pe fiecare pagină, calculul nu iese. Elimină ce nu folosești, amână ce nu e critic (chatul se poate încărca după prima interacțiune) și mută tracking-ul prin Google Tag Manager, controlat.
3. Stabilitatea vizuală
Rezervă spațiu pentru tot ce apare dinamic: bannere, recenzii, bara de cookie-uri, galerii. Folosește dimensiuni fixe sau raport de aspect pentru imagini și reclame. Încarcă fonturile local, cu afișare de rezervă, ca să nu apară salturi.
4. Hosting și temă
Un timp de răspuns al serverului sub 600 ms este un obiectiv rezonabil. Dacă ești pe hosting partajat și ai peste câteva mii de vizite pe zi, mutarea pe un plan dedicat sau un cloud bun schimbă jocul. Folosește și un CDN, ca imaginile să vină din apropierea clientului. Cât despre temă, una ușoară și bine făcută bate o temă „completă” încărcată cu opțiuni.
Specific pe platforme
Fiecare platformă are slăbiciunile ei.
- Shopify: problema numărul unu sunt aplicațiile, care injectează cod în temă chiar și după dezinstalare. Curăță resturile și alege o temă modernă. Detalii în ghidul nostru despre SEO pentru Shopify.
- WooCommerce: depinde mult de hosting, de plugin-urile instalate și de un sistem de cache. Un constructor vizual greu și zece plugin-uri de optimizare care se bat între ele sunt o combinație frecventă.
- Magazine cu filtre multe: paginile generate de filtrare sunt grele și ridică probleme și de indexare. Vezi faceted navigation și filtrele din perspectiva SEO.
Dacă urmează să construiești un magazin nou, viteza ar trebui să fie criteriu de alegere încă de la început. Merită să citești despre crearea unui magazin online făcut corect de la bun început.
Întrebări frecvente
Core Web Vitals sunt factor de ranking în Google?
Da, fac parte din semnalele de experiență pe pagină. Nu înlocuiesc relevanța conținutului, dar pot face diferența între magazine comparabile, iar impactul lor asupra conversiei există oricum.
Ce scor trebuie să am în PageSpeed Insights?
Nu scorul de 0-100 este ținta, ci trecerea celor trei metrici din datele de teren în zona „bună”: LCP sub 2,5 s, INP sub 200 ms și CLS sub 0,1.
De ce am scor bun în laborator, dar Search Console arată probleme?
Pentru că laboratorul simulează un singur scenariu, iar Search Console folosește date de la utilizatori reali, inclusiv cu telefoane lente. Datele de teren au prioritate.
Pot repara singur Core Web Vitals?
Imaginile, fonturile și o parte din aplicații pot fi tratate fără programator. Pentru INP și pentru optimizări de temă ai nevoie, de obicei, de un specialist tehnic.
Concluzie
Core Web Vitals nu sunt o obsesie pentru tehnicieni. Sunt o măsură a respectului față de timpul clientului, iar clientul răspunde cu cumpărături. Începe cu imaginile, curăță scripturile, rezervă spațiu pentru elementele dinamice și măsoară mereu pe date reale. Pentru Google, informații suplimentare găsești în documentația oficială pentru căutare.
Vrei să afli exact ce îți încetinește magazinul și ce ar aduce cel mai mult? Echipa SalesUp face audituri tehnice dedicate eCommerce. Descoperă abordarea noastră de SEO pentru magazine online sau scrie-ne pe pagina de contact și îți spunem unde pierzi vânzări din cauza vitezei.