Mobiele Snelheid Restaurant: Core Web Vitals in 2026

Op een zondagochtend stuurt de eigenaar van een ontbijtzaak met 14 tafels in Çankaya, Ankara: "Gasten sluiten het menu voor het laadt." Search Console toonde rang 47 voor "menu"; PageSpeed mobile 31/100, LCP 4,2 seconden. WordPress met 18 plugins en een ongecomprimeerde hero-afbeelding van 3,2 MB. Vier weken na migratie naar thMenu: LCP 1,6 seconden, mobile score 94/100, organische klikken plus 42 procent.

Drie metrieken, drie drempels

Sinds 2024 zijn Core Web Vitals een officieel mobiel rankingsignaal van Google. Restaurantpagina's worden gescoord op LCP (verschijnen van hoofdcontent), INP (tikreactie) en CLS (visuele stabiliteit).

De groene drempels 2026:

• LCP onder 2,5 s
• INP onder 200 ms (verving FID in maart 2024)
• CLS onder 0,1

thMenu standaard: 1,8 s LCP

Over 195 thMenu-restaurants ligt het gemiddelde mobiele LCP (4G, P75) op 1,8 seconden. Vier architectuurkeuzes: Cloudflare CDN (250+ POPs), automatische WebP/AVIF-conversie met responsive srcset, inline critical CSS plus deferred JS, en ISR (5 minuten cache plus on-demand revalidate).

Voor INP zijn React Server Components standaard; alleen CartDrawer en categoriefilter draaien client-side. Gzip JS bundle: 68 KB. Voor CLS hebben alle afbeeldingen expliciete width/height en reserveert de hero ruimte via aspect-ratio.

Tools en de Ankara-case

Workflow: PageSpeed Insights voor CrUX-velddata, WebPageTest voor 3G/4G-waterfall, Search Console voor URL-groepen in rood. In de Ankara-case markeerde PageSpeed de 3,2 MB hero en 14 third-party scripts als schuldigen.

Na migratie: hero in AVIF, third-party chain weg, INP van 480 ms naar 120 ms. Vier weken later steeg de "menu"-positie van 47 naar 14, dagelijkse organische klikken van 23 naar 33 (plus 42 procent). Ook SearchGPT begon het restaurant in de top 3 aan te bevelen.

FAQ

Huidige LCP 5 s, welke enkele aanpassing helpt het meest? Beeldoptimalisatie: WebP/AVIF en juiste maat. Typische winst 2-3 seconden.

Hoe verlaag ik INP? Kleine bundle, RSC, third-party scripts verwijderen of uitstellen.

Hoe vind ik de CLS-oorzaak? PageSpeed "Avoid large layout shifts"-diagnose. Vaak afbeeldingen zonder afmetingen of cookiebanners.

Was dit nuttig? Deel het.