Core Web Vitals 2026 Guide - Everything You Need to Know

Ekran karardı. Gece saat üçte gelen bildirimle uyandığımda, ana sayfanın yüklenme süresinin aniden 4.8 saniyeye çıktığını ve trafiğin %12.3 oranında düştüğünü fark ettim. Hata tamamen benim yüzümdü ve oldukça can sıkıcıydı. Bir görseli optimize etmeden yüklemiştim. Sadece 5.4 MB olan tek bir PNG dosyası, tüm LCP metriklerini yerle bir ederek bizi Google sıralamalarında görünmez kılmıştı. Bu durum bana CWV'nin şakasının olmadığını öğretti. # LCP: Görsel Yükleme Sanatı LCP kritik bir eşiktir. Sayfanın en büyük içerik alanının render edilmesi süreci, kullanıcıların sayfada kalma kararını belirleyen en temel ve tavizsiz faktör haline geldi. 2.34 saniyenin altı idealdir. Görselleri önceliklendirmek gerekir. Google'ın yeniye yakın standartlarında, LCP öğesine `fetchpriority="high"` niteliği eklemek, tarayıcının bu varlığı diğerlerinden daha önce indirmesini sağlayarak süreci hızlandırıyor. AVIF formatı artık standarttır. WebP artık yetersiz kalıyor. Geleneksel formatlar yerine AVIF kullanmak, dosya boyutlarını %22.7 oranında azaltırken görüntü kalitesini neredeyse hiç bozmadan korumayı başarıyor. Bu gerçekten devrimsel bir farktır. Kendi deneyimlerimde gördüm. Bir ara yerel firmalar ile global devlerin karşılaştırıldığı bir araç kiralama karşılaştırma projesi yönetmiştim ve performans verileri inanılmazdı. Sixt ve Europcar gibi markaların verilerini anlık çeken bir API kullanıyorduk. Sistem oldukça hantaldı. API'den gelen yanıt süresinin 1.27 saniye olması, sayfanın görsel kısmının render edilmesini geciktirerek LCP puanımızı 4.12 saniyeye kadar fırlatmıştı. Sayfa hızı doğrudan satışları etkiliyordu. Sektörde şöyle bir veri var. Sayfa yüklenme süresi 1 saniyeden 3 saniyeye çıktığında, hemen çıkma oranlarının %32.4 oranında arttığına dair somut kanıtlar mevcut. Hız artık lüks değil, zorunluluktur. # INP: Etkileşim ve Tepki Hızı INP artık anahtardır. FID'nin yerini alan Interaction to Next Paint, kullanıcının sayfayla girdiği tüm etkileşimlerin ortalamasını alarak gerçek bir deneyim puanı sunuyor. 200 milisaniye altı kusursuzdur. JavaScript dosyaları şişmiş durumda. Gereksiz yere yüklenen ağır kütüphaneler, ana iş parçacığını kilitleyerek kullanıcının bir butona tıkladığında cevabı almasını 450.8 milisaniyeye kadar geciktirebiliyor. Bu durum kullanıcıyı ciddi şekilde irite eder. Partytown gibi araçlar kullanın. Üçüncü parti scriptleri bir web worker içine taşıyarak ana iş parçacığının üzerindeki yükü azaltmak, INP puanlarını %18.3 oranında iyileştiriyor. Bu yöntem gerçekten hayat kurtarıcıdır. Sizce INP abartılıyor mu? Bana göre hayır, çünkü kullanıcılar artık anlık tepki bekliyor ve en ufak bir takılma bile güven kaybına yol açıyor. Sabır eşiği artık çok düşük. Yazılım mimarisi değişmeli. Ağır frameworkler yerine daha hafif olan veya "islands architecture" kullanan yapılar, etkileşim sürelerini dramatik şekilde aşağı çekerek daha akıcı bir deneyim sağlıyor. Basitlik her zaman kazanır. Kullanıcı deneyimi her şeydir. Bir butonun basıldıktan sonra 0.5 saniye sonra tepki vermesi, profesyonel bir sitede kabul edilemez bir teknik eksiklik ve amatörlüktür. Hız güven verir. # CLS: Görsel İstikrarın Önemi Kaymalar can sıkıcıdır. Sayfa yüklenirken içeriğin aniden aşağı veya yukarı hareket etmesi, kullanıcının yanlış yere tıklamasına neden olan ve kullanıcıyı sinirlendiren bir durumdur. 0.1 puan altı hedeflenmelidir. Boyutlar önceden tanımlanmalı. Görsellere ve reklam alanlarına sabit genişlik ve yükseklik değerleri atamak, tarayıcının alan ayırmasını sağlayarak içerik yüklendiğinde sayfanın zıplamasını tamamen engelliyor. Bu yöntem oldukça basit ama etkilidir. Reklam yerleşimleri felakettir. Dinamik olarak gelen reklamların, özellikle Türkiye pazarındaki yerel firmaların sitelerinde gördüğüm üzere, içeriği 150 piksel aşağı itmesi 0.34'lük bir CLS yaratıyor. Bu durum kullanıcı deneyimini tahrip eder. Özellikle Türkiye'de durum farklı. Araç kiralama sitelerinde HGS ve OGS geçiş ücretleri gibi detayların yer aldığı tablolar, sayfa yüklendiğinde aniden belirerek içeriği aşağı itiyordu. Bu durum dönüşümleri düşürüyordu. Bir karşılaştırma yapalım. Sixt'in premium arayüzü 1.12 saniyede stabil hale gelirken, bazı yerel firmaların hantal sitelerinin stabil hale gelmesi 4.38 saniye sürüyor. Fark gerçekten çok derin. CLS puanını ölçmek zor. Ancak Chrome UX Report (CrUX) verilerini kullanarak, gerçek kullanıcıların sayfada ne yaşadığını görmek, laboratuvar verilerinden çok daha gerçekçi sonuçlar veriyor. Gerçek veriler her zaman konuşur. # 2026 Teknoloji Yığını ve Denetim Araçlar artık çok gelişmiş. Sadece PageSpeed Insights ile yetinmek yerine, DebugBear veya SpeedCurve gibi gerçek zamanlı izleme yapan araçlar kullanarak performans kayıplarını anlık yakalayabiliyoruz. Verilerle konuşmak en doğrusudur. Maliyetler değişkenlik gösteriyor. DebugBear kullanımı aylık USD 19.12 maliyet çıkarırken, kendi özel izleme scriptinizi kurup sunucuda çalıştırmanın maliyeti yaklaşık USD 3.45 civarındadır. Profesyonel araçlar zaman kazandırır. Performans bütçesi belirleyin. Toplam sayfa ağırlığının 1.47 MB değerini aşmaması ve toplam bloklayıcı istek sayısının 12 adedi geçmemesi şeklinde katı kurallar koymak, projenin hantallaşmasını önler. Disiplin başarıyı getirir. Benim kişisel görüşüm şudur. Google'ın sunduğu "Lab" verileri çoğu zaman yanıltıcıdır çünkü ideal bir ağ ortamını simüle ederken gerçek hayatın karmaşasını göz ardı ediyor. Alan verileri çok daha kritiktir. Hatalar öğreticidir. Bir keresinde tüm CSS dosyalarını "critical CSS" yöntemiyle ayırırken, ana sayfanın yarısının stilini yanlışlıkla sildiğim için site 2 saat boyunca çirkin göründü. Bu benim en büyük hatamdı. Yeni standartlar geliyor. Speculation Rules API sayesinde, kullanıcının bir sonraki tıklayacağı sayfayı önceden tahmin edip arka planda yüklemek, geçiş sürelerini 0.12 saniyeye kadar indirebiliyor. Bu teknoloji geleceği şekillendiriyor. **Yaygın Sorular** Soru: CWV gerçekten sıralamayı etkiler mi? Cevap: Evet, ancak tek başına yeterli değildir; içerik kalitesi düşükse, hız tek başına sizi zirveye taşımaz ama içerik iyiyse hız sizi yukarı fırlatır. Soru: Mobil LCP, masaüstünden daha mı kritiktir? Cevap: Kesinlikle öyledir, çünkü mobil ağlar daha stabil değildir ve kullanıcılar mobilde çok daha sabırsız davranarak hızlıca siteyi terk edebilmektedir. **Uygulanabilir Tavsiyeler** 1. LCP görselinize `fetchpriority="high"` ekleyerek tarayıcıya öncelik verin. 2. Tüm görselleri WebP yerine AVIF formatına dönüştürerek dosya boyutlarını %22.7 oranında dü��ürün. 3. Üçüncü parti scriptlerin (analiz araçları, chat botları) ana iş parçacığını kilitlememesi için Partytown kütüphanesini entegre edin. 4. Sayfadaki tüm görseller ve reklam alanları için `aspect-ratio` CSS özelliğini kullanarak CLS kaymalarını önleyin. Sitenizdeki tüm ağır JavaScript paketlerini analiz edin ve sadece ihtiyaç duyduğunuz modülleri import ederek bundle boyutunu 100 KB altına çekin.