Ugrás a tartalomhoz

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.

LCP · 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.

INP · 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.

CLS · 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.

MegosztásXLinkedIn#
Mezo Dezso

Szerző

Mezo Dezso

Alapito, DField Solutions

Pénzügyi cégeknél és kreátor-eszközöknél is építettem már olyan rendszereket, amik nap mint nap élesben futnak. Budapesttől San Franciscóig · startupoknak és nagyobb vállalatoknak egyaránt.

Folytatás

HASONLÓ TÉMÁJÚ PROJEKTEK

Inkább építenénk együtt?

Beszéljünk a projektedről. 30 perc, nincs kötelezettség.

Beszéljünk