Egy vasárnap reggel egy 14 asztalos reggeliző tulajdonosa Çankaya, Ankara írja: "A vendégek bezárják az étlapot, mielőtt betöltődne." A Search Console a 47. helyet mutatta az "étlap" kifejezésre; PageSpeed mobil 31/100, LCP 4,2 másodperc. WordPress 18 bővítménnyel és tömörítetlen 3,2 MB-os hero-kép. Négy héttel a thMenu-re migrálás után: LCP 1,6 másodperc, mobil pontszám 94/100, organikus kattintások plusz 42 százalék.
Három metrika, három küszöb
2024 óta a Core Web Vitals a Google hivatalos mobil rangsorolási jele. Az éttermi oldalakat LCP (fő tartalom megjelenése), INP (érintési válasz) és CLS (vizuális stabilitás) alapján értékelik.
Zöld küszöbök 2026:
- LCP 2,5 mp alatt
- INP 200 ms alatt (2024 márciusában váltotta a FID-et)
- CLS 0,1 alatt
thMenu alapérték: 1,8 mp LCP
195 thMenu étterem átlagos mobil LCP-je (4G, P75) 1,8 másodperc. Négy architektúra-döntés: Cloudflare CDN (250+ POP), automatikus WebP/AVIF-konverzió reszponzív srcset-tel, inline critical CSS és deferred JS, valamint ISR (5 perces cache plusz on-demand revalidate).
Az INP-hez React Server Components az alapértelmezett; csak a CartDrawer és a kategóriaszűrő fut kliensoldalon. JS bundle gzip után: 68 KB. CLS-hez minden képnek explicit width/height-je van, a hero pedig aspect-ratio CSS-sel foglal helyet.
Eszközök és az ankarai eset
Munkafolyamat: PageSpeed Insights a CrUX terepadatokhoz, WebPageTest 3G/4G vízeséshez, Search Console a piros URL-csoportokhoz. Az ankarai esetben a PageSpeed a 3,2 MB-os hero-t és 14 harmadik fél scriptet azonosított bűnösként.
Migráció után: hero AVIF-re cserélve, harmadik fél lánc eltávolítva, INP 480 ms-ról 120 ms-ra. Négy héttel később az "étlap" pozíció 47-ről 14-re emelkedett, napi organikus kattintások 23-ról 33-ra (plusz 42 százalék). A SearchGPT is elkezdte ajánlani az éttermet a top 3-ban.
GYIK
Jelenlegi LCP 5 mp, melyik egyetlen változtatás segít a legtöbbet? Képoptimalizáció: WebP/AVIF és helyes méret. Tipikus nyereség 2-3 másodperc.
Hogyan csökkentsem az INP-t? Kis bundle, RSC, harmadik fél scriptek eltávolítása vagy késleltetése.
Hogyan találom meg a CLS okát? PageSpeed "Avoid large layout shifts" diagnosztika. Általában méret nélküli képek vagy cookie bannerek.
Hasznosnak találtad? Oszd meg.
Kapcsolódó cikkek
Statikus QR vs dinamikus QR: 3 éves teljes birtoklási költség
24 asztalos bistro, 36 hónap: 21 000 TRY újranyomtatás vs 11 640 TRY dinamikus e…
Omotenashi és QR: japán vendégszeretet az emberi érintés elvesztése nélkül
Miért utasítja el a tokiói Sukiyabashi Jiro a QR menüket, miközben a középkategó…
AR ételelőnézet WebXR-en keresztül: böngésző-3D alkalmazás nélkül
Hogyan érte el a Dishoom Soho a +22%-os átlagos rendelési értéket a model-viewer…