Core Web Vitals — Demo Interactiv

Core Web Vitals Demo

Aceeași pagină de produs, 5 versiuni. Fiecare pas rezolvă câte o problemă de performanță. Scorul Lighthouse crește de la ~38 la ~96.

❌

Baseline (Bad)

~38 pts

Toate problemele active. Imagine uriașă (3MB), script care blochează, fonturi de pe alt server, pagina care sare.

Imagine 3MBScript blocheazăFonturi externeCLS mare
🖼️

Pasul 1 — Imagine

~59 pts

Am comprimat imaginea de la 3MB la 14KB. Rest — la fel de rău.

✅ Imagine 14KBScript blocheazăFonturi externeCLS mare
⚡

Pasul 2 — Script

~77 pts

Scriptul de chat nu mai blochează pagina — se încarcă în fundal.

✅ Imagine 14KB✅ Script deblocatFonturi externeCLS mare
🔤

Pasul 3 — Fonturi

~83 pts

Fonturile incluse direct în site. Nu mai vin de pe alt server, nu mai clipesc.

✅ Imagine 14KB✅ Script deblocat✅ Fonturi incluseCLS mare
🏆

Final — Totul rezolvat

~96 pts

Spațiu rezervat pentru banner. Imagini cu dimensiuni fixe. Pagina nu mai sare.

✅ Imagine 14KB✅ Script deblocat✅ Fonturi incluse✅ CLS rezolvat

Cum funcționează?

Toate cele 5 pagini arată identic — același produs, același design, același conținut. Doar implementarea tehnică e diferită. Deschide DevTools (F12) → Lighthouse pentru a vedea scorurile.