PageSpeed · LCP · INP · CLS
Optimizare viteză site în Brașov – PageSpeed și Core Web Vitals
Un site lent pierde vizitatori înainte ca aceștia să vadă ce oferi. Optimizarea vitezei site-ului înseamnă ca paginile să se încarce repede, să răspundă imediat la click și să nu „sară” în timpul încărcării – mai ales pe mobil, de unde vin majoritatea vizitatorilor.
Ne ocupăm de optimizare viteză website în Brașov și în toată țara: măsurăm site-ul în PageSpeed Insights și în datele reale Core Web Vitals din Google Search Console, găsim ce îl încetinește și rezolvăm problemele pe rând – imagini, CSS, JavaScript, fonturi, cache și hosting.
Lucrăm zilnic cu WordPress, Elementor și WooCommerce, așa că știm unde apar de obicei problemele de viteză. Dacă vrei o imagine completă a site-ului, performanța este una dintre cele cinci componente ale auditului website.
Ce măsurăm: PageSpeed și Core Web Vitals
PageSpeed
Scorul de performanță din PageSpeed Insights, pe mobil și desktop – un indicator rapid al stării site-ului.
LCP
Largest Contentful Paint: cât durează până apare elementul principal al paginii. Țintă: sub 2,5 secunde.
INP
Interaction to Next Paint: cât de repede reacționează pagina la click sau atingere. Țintă: sub 200 ms.
CLS
Cumulative Layout Shift: cât de mult „sar” elementele paginii în timpul încărcării. Țintă: sub 0,1.
Mobil
Google evaluează în primul rând versiunea mobilă, așa că testăm și optimizăm întâi pentru telefon.
1. Optimizare imagini
Imaginile sunt, de obicei, cea mai mare parte din greutatea unei pagini
Fotografii încărcate la rezoluția camerei, formate vechi sau imagini fără dimensiuni setate încetinesc pagina și provoacă deplasări de conținut. Optimizăm fiecare imagine astfel încât să arate la fel de bine, dar să cântărească mult mai puțin.
Ce optimizăm:
- Formate moderne – conversie în WebP sau AVIF
- Dimensiuni corecte – imagini redimensionate pentru ecranul pe care sunt afișate (srcset)
- Compresie – fără pierderi vizibile de calitate
- Lazy loading – imaginile din partea de jos a paginii se încarcă doar când e nevoie
- Imaginea principală (LCP) – încărcată prioritar, fără lazy load
- Width și height – dimensiuni setate pentru ca pagina să nu „sară” (CLS)
Rezultatul
Pagini mai ușoare și un LCP mai bun, mai ales pe conexiunile mobile.
2. Optimizare CSS
Stilurile care blochează afișarea paginii
Temele și page builder-ele încarcă adesea mult CSS pe fiecare pagină, deși doar o mică parte este folosită. Browserul trebuie să descarce și să proceseze acest cod înainte să afișeze ceva pe ecran.
Ce optimizăm:
- CSS critic – stilurile necesare pentru partea vizibilă a paginii sunt livrate direct în HTML
- CSS neutilizat – eliminarea regulilor care nu sunt folosite pe pagina respectivă
- Minificare – fișiere mai mici, fără a afecta designul
- Încărcare asincronă – restul fișierelor CSS nu mai blochează afișarea
- Verificare vizuală – meniul și primele secțiuni nu „clipesc” la deschiderea paginii
Rezultatul
Prima afișare a paginii mai rapidă și mai puține resurse care blochează randarea.
3. Optimizare JavaScript
Scripturi mai puține, încărcate la momentul potrivit
JavaScript-ul este principala cauză pentru un site care se încarcă, dar reacționează greu la click. Pluginurile, sliderele, chat-urile, pixelii de tracking și widgeturile externe se adună și ocupă procesorul telefonului.
Ce optimizăm:
- Inventar de scripturi – ce se încarcă pe fiecare pagină și de unde
- Defer și delay – scripturile neesențiale rulează după încărcare sau la prima interacțiune
- Scripturi externe – Google Tag Manager, pixeli, chat, hărți – încărcate controlat
- Pluginuri – eliminarea sau înlocuirea celor care încarcă mult cod inutil
- Sarcini lungi – reducerea blocajelor care afectează INP și Total Blocking Time
Rezultatul
Un site care răspunde imediat la interacțiuni și un INP în zona verde.
4. Optimizare fonturi
Text afișat imediat, fără salturi și fără fișiere inutile
Fonturile web arată bine, dar fiecare variantă (grosime, stil) este un fișier în plus. Încărcate greșit, fac textul invizibil câteva momente sau schimbă aspectul paginii după afișare.
Ce optimizăm:
- Găzduire locală – fonturile Google servite de pe site, fără cereri către servere externe
- Doar variantele folosite – eliminăm grosimile și seturile de caractere inutile
- WOFF2 și preload – formatul cel mai compact și încărcare prioritară pentru fontul principal
- font-display: swap – textul apare imediat, cu un font de rezervă
- Fonturi de iconițe – reducerea bibliotecilor mari de iconițe acolo unde este posibil
Rezultatul
Mai puține cereri, text vizibil imediat și mai puține deplasări de conținut.
5. Cache și CDN
Pagini livrate gata construite, nu generate la fiecare vizită
Un site WordPress construiește fiecare pagină la cerere, din baza de date. Cache-ul salvează pagina gata generată și o livrează instant următorilor vizitatori.
Ce configurăm:
- Cache de pagină – LiteSpeed Cache, WP Rocket sau o soluție echivalentă, configurată corect
- Cache în browser – resursele statice nu se mai descarcă la fiecare vizită
- Object cache – Redis sau Memcached, acolo unde serverul permite
- CDN – fișiere livrate din locații apropiate de vizitator
- Excluderi corecte – coșul, checkout-ul și contul de client rămân funcționale
Rezultatul
Timp de răspuns al serverului mult mai mic și încărcare aproape instantă la vizitele repetate.
6. Hosting și server
Viteza începe de la server
Nicio optimizare nu compensează un server lent sau supraaglomerat. Verificăm cât de repede răspunde serverul și dacă resursele găzduirii sunt suficiente pentru traficul tău.
Ce verificăm:
- TTFB – timpul de răspuns al serverului, măsurat din mai multe locații
- Versiunea PHP – actualizare la o versiune suportată și mai rapidă
- HTTP/2, HTTP/3 și compresie – Brotli sau GZIP pentru fișiere mai mici
- Baza de date – curățarea reviziilor, a datelor temporare și a tabelelor rămase de la pluginuri vechi
- Recomandare de hosting – dacă pachetul actual nu mai face față
Rezultatul
O fundație stabilă, pe care celelalte optimizări pot da rezultate.
7. Optimizare Elementor
Site-uri Elementor rapide, fără să renunți la design
Elementor oferă libertate de design, dar poate genera mult cod: secțiuni imbricate, widgeturi din mai multe addon-uri, animații și fișiere încărcate pe toate paginile. Majoritatea site-urilor pe care le realizăm sunt construite în Elementor, așa că știm ce se poate optimiza fără să schimbi aspectul.
Ce optimizăm:
- Setările de performanță – încărcarea optimizată a resurselor și containerele Flexbox
- Structura paginii – mai puține secțiuni și coloane imbricate (DOM mai mic)
- Addon-uri – dezactivarea widgeturilor nefolosite din pachetele de extensii
- Animații – eliminarea celor care provoacă salturi sau încetinesc pe mobil
- Header și meniu – afișare corectă de la prima încărcare, fără „clipire”
Rezultatul
Același design, cu mai puțin cod încărcat pe fiecare pagină.
8. Optimizare WooCommerce
Magazin online rapid, de la categorie până la checkout
Într-un magazin online, fiecare secundă în plus pe pagina de produs sau în coș se vede în vânzări. WooCommerce are nevoie de optimizări specifice, pentru că o parte din pagini nu pot fi servite din cache.
Ce optimizăm:
- Categorii și produse – imagini, filtre și căutare mai rapide
- Cart fragments – scripturile coșului încărcate doar unde este nevoie
- Coș și checkout – mai puține scripturi, fără a afecta metodele de plată
- Baza de date – sesiuni expirate, comenzi vechi și tabele mari
- Pluginuri de magazin – verificarea celor care încarcă resurse pe tot site-ul
Rezultatul
Navigare mai rapidă prin magazin și un checkout fără blocaje. Vezi și serviciul de creare magazin online.
Rezultate reale
Studiu de caz: optimizarea vitezei pe freeline-design.ro
Am aplicat pe propriul site aceleași verificări și optimizări pe care le facem pentru clienți. Homepage-ul freeline-design.ro este construit în WordPress și Elementor, cu LiteSpeed Cache, widget de recenzii Google, banner de cookie-uri și Google Analytics.
Mobil
| Indicator | Înainte | După |
|---|---|---|
| Scor PageSpeed | 67 | 100 |
| LCP (Largest Contentful Paint) | 4,4 s | 1,1 s |
| CLS (Cumulative Layout Shift) | 0,353 | 0,02 |
| TBT (Total Blocking Time) | 60 ms | 10 ms |
Desktop
| Indicator | Înainte | După |
|---|---|---|
| Scor PageSpeed | 77 | 100 |
| LCP (Largest Contentful Paint) | 0,8 s | 0,6 s |
| CLS (Cumulative Layout Shift) | 0,115 | 0,01 |
| TBT (Total Blocking Time) | 400 ms | 0 ms |
Ce am modificat:
- am regenerat CSS-ul optimizat al paginii, care rămăsese de la o versiune veche a designului și mișca blocul principal în timpul încărcării (cauza principală a CLS-ului mare)
- am activat generarea CSS-ului critic separat pentru fiecare pagină
- am corectat preload-ul imaginii principale: era setată o imagine care nu mai era folosită, iar acum se încarcă prioritar imaginea corectă, separat pentru mobil și desktop
- am înlocuit cele două fișiere CSS externe ale widgetului de recenzii cu stiluri încărcate direct în pagină
- am oprit tranzițiile CSS ale butoanelor în timpul încărcării paginii (se animau zeci de proprietăți exact când telefonul era cel mai ocupat); efectele de hover funcționează normal după încărcare
- am înlocuit pe mobil efectul de blur („sticlă”) de pe titlul principal cu un fundal semitransparent, mult mai ușor de desenat pentru un telefon
Valori de laborator din PageSpeed Insights (Lighthouse), măsurate pe 30 septembrie 2026, înainte și după optimizare. Pe mobil, rezultatele pot varia cu câteva puncte de la un test la altul, în funcție de încărcarea serverelor de test.
Procesul
Cum lucrăm
Măsurare
Testăm paginile principale în PageSpeed Insights și verificăm datele reale Core Web Vitals din Search Console.
Analiză
Identificăm cauzele concrete: imagini, CSS, JavaScript, fonturi, server sau pluginuri.
Optimizare
Facem backup și aplicăm modificările pas cu pas, fără să afectăm designul și funcțiile site-ului.
Verificare
Măsurăm din nou, comparăm valorile înainte/după și urmărim datele reale în săptămânile următoare.
Ce primești după optimizarea vitezei
La final știi exact ce s-a schimbat și cât a câștigat site-ul:
- valorile înainte și după (PageSpeed, LCP, INP, CLS) pentru paginile principale, pe mobil și desktop
- lista modificărilor făcute pe site
- site-ul verificat pe telefon și pe desktop, cu toate funcțiile testate
- recomandări ca site-ul să rămână rapid când adaugi conținut sau pluginuri noi
- opțiunea de monitorizare continuă prin mentenanță website
Întrebări frecvente
Întrebări frecvente despre optimizarea vitezei site-ului
Înseamnă identificarea și eliminarea cauzelor care fac un site să se încarce sau să răspundă greu: imagini prea mari, CSS și JavaScript inutile, fonturi încărcate greșit, lipsa cache-ului sau un server lent. Scopul este ca vizitatorii să vadă și să folosească pagina cât mai repede, mai ales pe mobil.
Scorul PageSpeed vine dintr-un test de laborator, rulat într-un moment anume, pe un telefon și o conexiune simulate. Core Web Vitals (LCP, INP, CLS) sunt măsurate la vizitatorii reali ai site-ului, pe ultimele 28 de zile, și sunt datele pe care Google le folosește. Urmărim ambele, dar prioritatea sunt valorile reale.
Pe unele pagini, da, dar nu este obiectivul principal. Un site cu hărți, video, chat sau instrumente de marketing rareori ajunge la 100 pe mobil. Contează ca LCP, INP și CLS să fie în zona verde și ca site-ul să fie perceput ca rapid de vizitatori.
Core Web Vitals fac parte din semnalele de experiență pe pagină folosite de Google. Relevanța conținutului rămâne mai importantă, dar la conținut comparabil un site rapid are avantaj. În plus, un site rapid pierde mai puțini vizitatori și transformă mai mulți dintre ei în clienți.
Depinde de mărimea și complexitatea site-ului. Pentru un site de prezentare, de regulă câteva zile lucrătoare; magazinele online mari pot necesita mai mult. Rezultatele în testele PageSpeed se văd imediat, iar datele reale din Search Console se actualizează treptat, pe parcursul a 28 de zile.
Nu. Optimizăm modul în care sunt încărcate resursele, nu aspectul site-ului. Dacă o componentă (de exemplu un slider foarte greu) afectează serios viteza, îți propunem o alternativă și decizi tu dacă o schimbăm.
Da. Lucrăm cu site-uri WordPress, Elementor și WooCommerce, indiferent cine le-a realizat. Înainte de orice modificare facem backup complet al site-ului.
Solicită optimizarea vitezei site-ului
Îți măsurăm site-ul, îți spunem ce îl încetinește și cât se poate îmbunătăți, apoi ne ocupăm de optimizare.
