Az archívumból3 rész · 2 percÍrta: Dezső Mező · Megjelent .mdWebshopCWVPerformanceHungary
Minden audit-tol kezdodoen ugyanazt latjuk magyar webshopokon: nehez hero-kep LCP-re, blokkolt INP a checkoutban, CLS a fold felett a trust-jelzok miatt. 2026 Q1-re ezeket kellett javitani · itt a gyakorlati sorrend.
01LCP · a hero-kep
A magyar webshopok 80%-anak LCP-je a hero-kep. Ket lepes: (1) AVIF + next/image priority, (2) fetchpriority='high' explicit. Az atlagos LCP 4.2s-rol 1.1s-re csokken par nap alatt. Az organikus Google forgalom 3-5 heten belul kovet.
02INP · a checkout
A checkout oldalon a leglassabb INP az address-mezo kitoltesnel van. Ok: minden billentyulenyomas onChange eventet indit, ami validal + re-renderelt. Javitas: debounce + React.startTransition, INP 620ms-rol 140ms-re jon le.
03CLS · trust-jelzok
A SimplePay / MasterCard / Visa logo-sor a checkoutban CLS-t okoz, mert a fold felett tolt be. Megoldas: fix aspect-ratio + reservalt ter. CLS 0.18-rol 0.04-re jon le.
Futtasd le a /resources/nextjs-cwv-pre-launch-checklist listankat a sajat webshopodon. Majdnem minden magyar webshop a lista 20%-an bukik.
Amit érdemes elvinni
- Magyar webshopok konkret CWV-problemai 2026-ban · LCP hero-optimalizalas, INP a checkout flow-ban, CLS a fold felett. Checklist + pelda-szamok auditjainkbol.
Az írásban használt fogalmak
Több a laborból
Összes bejegyzés- Speculation Rules API 2026: azonnali navigáció, nulla JS
Core Web Vitals egy igazi Next.js oldalon- Adatkezelési tájékoztató sablon webshopra 2026 · GDPR-kész
- GDPR-megfelelő webshop 2026 · checklist üzlettulajdonosoknak
Megnézzük ugyanezt a te rendszereden?Kezdjünk bele
