Google sıralama faktörü olan LCP (Largest Contentful Paint), INP (Interaction to Next Paint) ve CLS (Cumulative Layout Shift) eşik değerlerini simüle edin, darboğazları ve çözüm önerilerini görün.
Google, kullanıcı deneyimini (Page Experience) web sitelerinin organik sıralamasında doğrudan ve resmi bir sıralama faktörü olarak kullanır. Core Web Vitals (Önemli Web Verileri); W3C Web Performance Çalışma Grubu ve Google Chrome ekibi tarafından geliştirilen, bir web sayfasının ne kadar hızlı yüklendiğini, kullanıcının ilk etkileşimine ne kadar çabuk yanıt verdiğini ve içerik ekrana çizilirken görsel öğelerin ne kadar kararlı durduğunu ölçen 3 temel performans metriğinden oluşur.
2024 ve 2026 algoritmalarında Google, eski FID (First Input Delay) metriğini tamamen emekliye ayırarak yerine çok daha kapsamlı olan INP (Interaction to Next Paint) metriğini resmi standart haline getirmiştir. Google algoritmaları, web sitenizi laboratuvar testlerine (Lighthouse) göre değil; son 28 gün içinde sitenizi ziyaret eden gerçek Chrome kullanıcılarının (CrUX - Chrome User Experience Report) 75. persentil verilerine göre değerlendirir. Core Web Vitals eşiklerini başarıyla geçen web siteleri organik arama sonuçlarında rakiplerinin önüne geçerken; e-ticaret sitelerinde sepet terk oranları %26 azalmakta ve dönüşüm oranları ortalama %24 artış göstermektedir.
Google'ın yeşil (İyi), sarı (Geliştirilmeli) ve kırmızı (Zayıf) olarak sınıflandırdığı 2026 güncel eşik değerleri aşağıda özetlenmiştir:
| Metrik Adı | Ölçtüğü Kullanıcı Deneyimi | İyi (Yeşil) | Geliştirilmeli (Sarı) | Zayıf (Kırmızı) |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Görünür alandaki en büyük görsel veya metin bloğunun ekrana çizilme süresi. | ≤ 2.5 sn | 2.5 - 4.0 sn | > 4.0 sn |
| INP (Interaction to Next Paint) | Kullanıcının yaptığı tüm tıklama ve tuş vuruşlarına tarayıcının sonraki kareyi çizme hızı. | ≤ 200 ms | 200 - 500 ms | > 500 ms |
| CLS (Cumulative Layout Shift) | Sayfa yüklenirken öğelerin beklenmedik biçimde yer değiştirme puanı. | ≤ 0.10 | 0.10 - 0.25 | > 0.25 |
| TTFB (Time to First Byte) | Web sunucusunun ilk veri baytını tarayıcıya ulaştırma hızı (Sunucu performansı). | ≤ 800 ms | 800 - 1800 ms | > 1800 ms |
| FCP (First Contentful Paint) | Kullanıcının ekranda ilk DOM içeriğini (metin, logo, çizgi) gördüğü ilk an. | ≤ 1.8 sn | 1.8 - 3.0 sn | > 3.0 sn |
Tarayıcı bir URL'e bağlandığında şu adımları sırasıyla yürütür:
Başlangıç Durumu: Bulut tabanlı bir proje yönetim yazılımı sunan teknoloji şirketi, ana açılış sayfasında 3.8 MB boyutunda PNG formatında bir banner görseli kullanıyordu. Ayrıca hero görseline WordPress eklentisi tarafından yanlışlıkla loading="lazy" verilmişti. Fontlar geç yüklendiği için başlıklar sonradan zıplıyor (CLS 0.28) ve mobil LCP süresi 4.2 saniyeyi buluyordu. Mobil Google PageSpeed skoru 38 puandı.
Mühendislik Müdahalesi:
<head> içine <link rel="preload" as="image" href="..." fetchpriority="high"> eklendi; lazy load kaldırıldı.aspect-ratio ve piksel alanları rezerve edildi; fontlara font-display: swap uygulandı.| Performans Parametresi | Optimizasyon Öncesi | Optimizasyon Sonrası | Net Sonuç |
|---|---|---|---|
| LCP (Largest Contentful Paint) | 4.20 sn (Zayıf) | 1.42 sn (İyi) | %66 Hızlanma (Yeşil) |
| CLS (Cumulative Layout Shift) | 0.28 (Kritik Kayma) | 0.02 (Sıfır Kayma) | Kusursuz Kararlılık |
| Google Lighthouse Skoru | 38 / 100 | 98 / 100 | +60 Puan Artış |
| Organik Demo Talep Dönüşümü | %1.8 | %4.3 | 2.38 Kat (+%138) Artış |
Başlangıç Durumu: Giyim e-ticaret sitesinde kullanıcılar ürün varyantını (beden/renk) seçtiğinde veya "Sepete Ekle" butonuna bastığında arayüz 600-700 milisaniye boyunca kilitleniyordu. Google CrUX raporunda sitenin INP değeri 650 ms (Kırmızı) olarak işaretlenmişti. Kullanıcılar butonun çalışmadığını sanıp peş peşe basıyor, mükerrer istekler yüzünden sepet terk oranı %68'e ulaşıyordu.
Uygulanan Strateji: Chrome DevTools Performance paneli ile Long Task (Uzun Görev) analizi yapıldı. Sepete ekleme anında çalışan 14 farklı pazarlama pikselinin (Meta, TikTok, Criteo vb.) ana iş parçacığını kilitlediği saptandı. Tüm üçüncü taraf takip etiketleri Web Worker mimarisine (Partytown) taşındı ve ürün varyant değişimi scheduler.yield() fonksiyonu ile asenkron mikro görevlere bölündü.
Elde Edilen Sonuç: INP süresi 650 ms'den 85 ms'ye geriledi (7.6 kat duyarlılık artışı). Sayfa anında tepki verdiği için sepet terk oranı %68'den %42'ye düştü; mobil cihazlardan gelen net sipariş cirosu %48 arttı.
Ekranın en üstünde yer alan ana banner veya logo görseline lazy load uygulamak, tarayıcının indirme işlemini başlatmak için tüm CSS ve DOM render'ını beklemesine neden olur. Bu durum LCP süresini doğrudan 2-3 saniye geciktirir. LCP görseline kesinlikle lazy load verilmemeli; tam tersine fetchpriority="high" ve preload verilmelidir.
HTML içinde width ve height veya CSS'te aspect-ratio tanımlanmadığında tarayıcı görsel inene kadar 0 piksel yer ayırır. Görsel indiğinde altındaki tüm metinleri aşağı iter ve devasa bir CLS (düzen kayması) cezası yaratır.
Google Tag Manager, canlı sohbet (chat) kutuları ve analiz araçlarının ana iş parçacığında aynı anda çalıştırılması, kullanıcının tıklama etkileşimlerini bloke ederek INP skorunu kırmızıya düşürür.
Google Fonts veya özel font dosyaları yüklenirken font-display: swap kullanılmadığında sayfa yazıları önce kaybolur (FOIT), font yüklendiğinde ise satırlar yeniden kırılarak CLS kaymasına neden olur.
Ön yüzü ne kadar optimize ederseniz edin; veritabanı sorguları veya yavaş bir sunucu nedeniyle ilk bayt süresi (TTFB) 1.5 saniye sürüyorsa, LCP süresinin 2.5 saniyenin altında kalması matematiksel olarak imkansızdır.
Kendi hızlı bilgisayarınızda Lighthouse'tan 100 almak sitenizin Google testini geçtiği anlamına gelmez. Google sıralama algoritması, düşük segment telefon kullanan gerçek kullanıcıların oluşturduğu CrUX saha verilerini esas alır.
Kurumsal web tasarım, özel yazılım çözümleri ve doğrudan dönüşüm odaklı performans pazarlama stratejilerimizle markanızı zirveye taşıyalım.