Ana içeriğe geç
← Tüm yazılar
Web Sitesi Stratejisi· 6 dk okuma

Core Web Vitals nedir, nasıl iyileştirilir?

Core Web Vitals, sitenizin gerçek bir ziyaretçiye ne kadar hızlı geldiğini ölçer. Üç metrik neyi ölçer, onları ne bozar, önce neyi düzeltmelisiniz?

Yüklenme, etkileşim hızı ve düzen kararlılığı puanlarını gösteren bir web sitesi performans raporu
Bu yazıda (7)

Sayfanın nasıl hissettirdiğine dair üç soru

Core Web Vitals, Google'ın öznel bir deneyimi üç sayıyla ölçme girişimi. Ana içerik çabuk göründü mü? Dokunduğumda sayfa karşılık verdi mi? Ben okurken parmağımın altında bir şey kaydı mı? Sıralamaya etkileri var ama sınırlı. Asıl önemli oldukları yer, ziyaretçinin bir talep bırakacak kadar sitede kalıp kalmaması. B2B sitelerin çoğu bu üç metrikten en az birinde sınıfta kalıyor, genellikle de ilkinde.

LCP: ana içerik ne kadar çabuk görünüyor

Largest Contentful Paint (LCP), ekrandaki en büyük öğenin yüklenmesinin ne zaman bittiğini ölçer. Bu öğe çoğunlukla bir hero görseli ya da ana başlıktır. 2,5 saniyenin altı iyi, 4 saniyenin üstü zayıf sayılır ve B2B siteler mobilde çoğu zaman bunun çok üstünde kalıyor. Suçlular genelde aynı: gereğinden büyük bir hero görseli, inene kadar metnin görünmesini engelleyen bir yazı tipi ve ziyaretçinin görebileceği her şeyden önce yüklenen bir yığın takip kodu. İlk düzeltmeniz gereken metrik bu, çünkü ziyaretçinin doğrudan hissettiği metrik de bu.

INP: sayfa size cevap veriyor mu

Interaction to Next Paint (INP), bir dokunuşla ekranda gözle görülür bir şeyin olması arasındaki gecikmeyi ölçer. 200 milisaniyenin altı anlık hissettirir, 500'ün üstü bozukmuş gibi. Sebep neredeyse her zaman tarayıcıyı meşgul eden JavaScript'tir: analitik araçları, canlı destek pencereleri, çerez onay bannerları, slider'lar ve animasyon kütüphaneleri ana iş parçacığında (main thread) birbiriyle yarışır. Bir sayfa yüklenmede iyi puan alıp yine de her dokunuştan sonra bir saniye donup kalabilir. İnsanları siteden kaçıran da bu donma anıdır.

Üç Core Web Vitals metriği, iyi ve zayıf eşik değerleriyle birlikte net biçimde gösteriliyor

CLS: siz okurken yer değiştiren içerik

Cumulative Layout Shift (CLS), sayfa yerine otururken içeriğin ne kadar zıpladığını ölçer. Bunu siz de yaşamışsınızdır: bir bağlantıya uzanırsınız, üstte bir görsel yüklenip her şeyi aşağı ittiği için reklama tıklarsınız. Çözümü gösterişsiz ama güvenilir. Her görsele ve gömülü içeriğe açık boyutlar ya da önceden ayrılmış bir en-boy oranı verin, yazı tiplerini geldiklerinde metnin boyutunu değiştirmeyecek şekilde yükleyin ve mevcut içeriğin üstüne asla sonradan banner eklemeyin.

Site performansınızı WhatsApp'tan konuşalım

Laboratuvarı değil, sahayı ölçün

Kendi bilgisayarınızda yaptığınız hız testi, sitenin iyi bir dizüstünde ve ofisin Wi-Fi ağında nasıl davrandığını gösterir. Ziyaretçileriniz orada değil. Search Console, gerçek Chrome kullanıcılarından gelen saha verisini mobil ve masaüstü olarak ayrı ayrı raporlar ve Google'ın kullandığı sayı da budur. Optimizasyona bir gün ayırmadan önce ona bakın. Laboratuvar puanı ile gerçek deneyim çoğu zaman birbirini tutmaz. Bu fark da genellikle ziyaretçilerinizin sandığınızdan daha zayıf bağlantılarla geldiğini gösterir.

Sorunun çoğunu genelde ne çözer

Tipik bir şirket sitesinde iyileşmenin büyük kısmı dört değişiklikten gelir. Görselleri sıkıştırın, doğru boyutta ve modern bir formatta sunun. Çıktısına kimsenin bakmadığı takip ve pazarlama kodlarını kaldırın. Ekranın alt kısmında kalan her şeyi ancak gerektiğinde yükleyin. Kullandığınız yazı tiplerini, sayfa açılırken üçüncü taraf bir sunucudan çekmek yerine kendi sunucunuzda barındırın. Bunların hiçbiri yeniden tasarım gerektirmez. Bu yüzden yeniden tasarımı düşünmeden önce yapmaya değer.

Performans iyileştirmesi olarak uygulanan görsel sıkıştırma, kod temizliği ve yazı tipi barındırma

Hız, SEO'dan çok dönüşüm meselesi

Konuyu bir sıralama çalışması olarak görmek onu küçültmek olur. Ana sayfanız için dört saniye bekleyen ziyaretçi, şirketinizin ne kadar düzenli olduğu hakkında çoktan bir fikir edinmiştir. Üç tedarikçiyi karşılaştıran B2B alıcılar ise hiçbirini beklemez. Performansı düzelttiğinizde gelen talepler, sıralamanızdan önce kıpırdar. Sayfalarınız içerikleri yüzünden değil de sitenin kuruluş biçimi yüzünden yavaşsa bu yapısal bir sorundur ve bir tur daha yama yapmak yerine web sitesini yenilemenin dürüst gerekçesi genellikle budur. Hız sonradan eklenmez, tasarımla birlikte gelir. Bu yüzden bir sitenin nasıl kurulduğunun parçasıdır.

Yazan

Idennex

Stratejiyle başlayan ajans, İstanbul

Site hızınızı birlikte kontrol edelim ↗