Core Web Vitals nedir ve Google neden bu kadar önemser?
Core Web Vitals, Google'ın eskiden ölçülmesi zor olan bir şeyi ölçme girişimidir: Bir sayfanın yalnızca teknik olarak yüklenmesini tamamlayıp tamamlamadığını değil, kullanırken gerçekten iyi hissettirip hissettirmediğini. Her biri farklı türde bir hayal kırıklığını hedefleyen üç metrikten oluşur: içeriği görmek için çok uzun beklemek, sayfanın bir etkileşime yanıt vermesi için çok uzun beklemek ve tam bir şeyi okurken ya da dokunurken içeriğin yerinden kayması. Google bunları sıralamada pek çok girdiden biri olarak kullanır; daha da önemlisi, bu metrikler gerçek insanların sayfada kalıp kalmadığıyla ya da hemen çıkıp gidip gitmediğiyle güçlü bir ilişki gösterir.
Üç metrik
Largest Contentful Paint (LCP)
LCP, biri sayfaya gittikten sonra ekrandaki en büyük görünür öğenin (genellikle bir kapak görseli, bir başlık ya da büyük bir metin bloğu) tamamen render edilmesinin ne kadar sürdüğünü ölçer. “Bu sayfanın yüklenmesi ne kadar sürmüş gibi hissettirdi?” sorusunun bir göstergesidir. İyi bir LCP yaklaşık 2,5 saniyenin altındadır. Yavaş LCP'nin en yaygın nedenleri optimize edilmemiş görseller, yavaş sunucu yanıt süresi, render'ı engelleyen CSS veya JavaScript ve indirilene kadar metnin görüntülenmesini engelleyen fontlardır.
Interaction to Next Paint (INP)
INP, biri tıkladıktan, dokunduktan ya da yazdıktan sonra sayfanın ne kadar hızlı yanıt verdiğini ölçer: etkileşim anından tarayıcının buna yanıt olarak ekranı görünür biçimde güncellediği ana kadar. Yalnızca ilk etkileşimi değil, ziyaretin tamamındaki yanıt verebilirliği yakaladığı için First Input Delay adlı eski metriğin yerini almıştır. Ağır bir INP genellikle ana iş parçacığında (main thread) çalışan aşırı JavaScript'ten kaynaklanır: ağır olay işleyicileri, bir JavaScript framework'ündeki büyük yeniden render'lar ya da asıl sayfayla aynı iş parçacığı için yarışan üçüncü taraf script'ler (reklamlar, analitik araçları, sohbet widget'ları).
Cumulative Layout Shift (CLS)
CLS, sayfa yüklenirken ya da biri sayfayla etkileşimdeyken içeriğin beklenmedik biçimde yer değiştirmesini ölçer: Aniden beliren ve okuduğunuz paragrafı aşağı iten bir görsel ya da üstündeki reklam tam o anda yüklendiği için dokunmanızdan hemen önce kayan bir buton. Süre olarak değil, bir sayı olarak puanlanır ve belirli, kolayca tekrarlanabilen bir hayal kırıklığıyla en doğrudan bağlantılı metriktir: Düzen kaydığı için yanlış yere dokunmak.
Google neden önemsiyor?
Google'ın açıkladığı gerekçe basit: Sayfa deneyimi, bir arama sonucunu faydalı kılan unsurlardan biridir ve yavaş ya da takılan bir sayfa, içerik tam aranan şey olsa bile daha kötü bir deneyimdir. Core Web Vitals, Google bu deneyimi yalnızca laboratuvar testlerine ya da tahminlere dayanmadan, Chrome üzerinden toplanan gerçek kullanıcı verileriyle sayısal olarak ölçmek istediği için bir sıralama sinyali hâline geldi. Belirleyici sıralama faktörü değildir; içeriğin alakası hâlâ çok daha önemlidir. Ancak diğer açılardan benzer derecede alakalı sayfalar arasında hangisinin üstte yer alacağını Core Web Vitals belirleyebilir ve sıralamadan bağımsız olarak dönüşüm oranını doğrudan etkiler.
Her metriği genellikle ne bozar?
- LCP: optimize edilmemiş ya da boyutları belirtilmemiş görseller, sunucunun ilk bayta kadar geçen süresinin (TTFB) uzun olması, kritik içerikten önce yüklenen engelleyici script'ler.
- INP: büyük üçüncü taraf script'ler, gereksiz yeniden render yapan ağır istemci taraflı JavaScript framework'leri, ana iş parçacığını bloke eden uzun süreli fonksiyonlar.
- CLS: yeri ayrılmamış (width/height öznitelikleri olmayan) görseller ve reklamlar, yüklendiğinde değişip metni yeniden akıtan web fontları, ilk render'dan sonra mevcut içeriğin üstüne eklenen içerikler.
Kendi değerlerinizi nasıl kontrol edersiniz?
Google'ın PageSpeed Insights aracı ve Chrome User Experience Report, sentetik bir laboratuvar puanı yerine sahadan toplanmış gerçek veriler sunar. Bu önemlidir; çünkü bir sıralama faktörü olarak Core Web Vitals, hızlı bir ofis bağlantısında yapılan tek seferlik bir teste değil, gerçek ziyaretçilerin yaşadığı deneyime dayanır. Search Console'daki Core Web Vitals raporu ise gerçek URL'lerinizi “iyi”, “iyileştirilmesi gerekiyor” ve “kötü” olarak gruplar; bunun zaman ayırmaya değer bir sorun olup olmadığını anlamanın genellikle en hızlı yolu budur.
Core Web Vitals sorunlarını büyük ölçekte çözmek nadiren tek bir değişiklikle olur; genellikle bir araya geldiğinde fark yaratan, gösterişsiz birkaç düzeltmeden oluşur (görsel boyutlandırma, script yükleme sırası, font stratejisi, üçüncü taraf script'lerin azaltılması). Burncode'da web geliştirme sürecinde standart olarak kontrol edip düzelttiğimiz konulardan biridir; çünkü hızlı ve stabil hissettiren bir sayfa, iyi sıralamaların ve iyi içeriğin getirdiği ziyaretçileri elde tutar.