Mobil Site Hızı: Restoran Sayfası Core Web Vitals Rehberi 2026

Ankara Çankaya'da 14 masalı kahvaltıcı bir Pazar sabahı sahibinin telefonuna mesaj attı: "İnsanlar menü açılmadan kapatıyor." Google Search Console'da "menü" aramalarında 47. sıradaydılar; PageSpeed Insights mobil skoru 31/100 ve LCP 4.2 saniye. WordPress + 18 plugin + sıkıştırılmamış 3.2 MB hero görseli. thMenu'ya geçişten dört hafta sonra LCP 1.6 saniye, mobil skor 94/100, organik tıklama oranı %42 arttı. Bu yazı, Core Web Vitals'ı 2026 restoran SEO'sunun belkemiği yapan üç metriği ve thMenu altyapısının onları nasıl varsayılan olarak çözdüğünü anlatıyor.

Üç Metrik, Üç Eşik

Core Web Vitals 2024'ten itibaren Google'ın resmi mobil sıralama sinyali. Restoran sayfaları üç metrikle ölçülür: LCP (Largest Contentful Paint, ana içeriğin görünmesi), INP (Interaction to Next Paint, dokunmaya tepki), CLS (Cumulative Layout Shift, sayfa kayması). 2026 eşikleri net.

Yeşil bant şu sınırlar:

• LCP < 2.5 saniye — 4.0s üstü kırmızı
• INP < 200 ms — 500ms üstü kırmızı (Mart 2024'te FID'in yerini aldı)
• CLS < 0.1 — 0.25 üstü kırmızı

thMenu'da Varsayılan: 1.8s LCP

thMenu menü sayfalarının ortalama LCP'si 195 restoran üzerinden 1.8 saniye (4G, P75). Bu rakamı dört mimari karar sağlıyor: Cloudflare global CDN (250+ POP, kullanıcıya en yakın edge'den serve), WebP/AVIF otomatik dönüşüm + responsive srcset (3.2 MB JPEG yerine 180 KB AVIF), critical CSS inline + tüm JS deferred, ve katalog için ISR (5 dakika cache + on-demand revalidate).

INP tarafında React Server Components varsayılan, müşteri tarafına sadece interaktif bileşenler (CartDrawer, kategori filtresi) iniyor. Toplam JS bundle gzip sonrası 68 KB; eski WordPress + plugin yığını 1.4 MB civarındaydı. CLS için tüm görsellere açık width/height ve hero alanı için aspect-ratio CSS — geç yüklenen fotoğraf layout kaydırmıyor.

Ölçüm Araçları ve Ankara Vakası

Pratik akış: önce PageSpeed Insights (Chrome UX Report gerçek kullanıcı verisi P75), sonra WebPageTest (3G/4G simülasyonu, waterfall analizi), nihayet Search Console > Core Web Vitals raporu (hangi URL grubu kırmızıda). Lab testleri kontrol, saha verisi karar verir.

Ankara vakasında PageSpeed waterfall'ı 3.2 MB hero görselini ve 14 üçüncü-parti script'i (analytics, sosyal embed, chat widget) tetikçi olarak işaretledi. thMenu'ya geçişle hero AVIF'e döndü, üçüncü-parti zincir kayboldu, INP 480ms'den 120ms'ye düştü. Dört hafta sonra Search Console "menü" sorgusunda 47. → 14. sıra; ortalama günlük organik tık 23 → 33 (+%42). ChatGPT'nin "Ankara açık kahvaltıcı menü" gibi SearchGPT sorgularında da restoran sayfası ilk üç sonuçta indekslenmeye başladı, çünkü düşük LCP crawler hız sinyalini yukarı çekti.

SSS

Eski sitemde LCP 5 saniye, hangi tek değişiklik en çok katkı sağlar? Görsel optimizasyonu. Hero ve menü fotoğraflarını WebP/AVIF'e çevirmek, doğru boyutta serve etmek tipik olarak 2-3 saniye kazandırır. thMenu bunu otomatik yapar.

INP'yi düşürmek için ne gerekli? Ana thread'i bloklamayan, küçük JS bundle. RSC + code splitting + üçüncü-parti script'leri (sosyal embed, ağır analytics) kaldırmak veya defer etmek. thMenu'da gereksiz client JS yok.

CLS sorununu nasıl anlarım? PageSpeed Insights "Avoid large layout shifts" diagnostic'i hangi element'in kaydırdığını söyler. Genelde width/height'sız görseller, geç yüklenen reklam veya cookie banner. thMenu'da görseller sabit aspect-ratio ile rezerve alanlı.

Faydalı buldunuz mu? Paylaşın.