Kurumsal sitenizde Core Web Vitals: 2026 kontrol listesi

Kurumsal bir sitede en sık duyduğumuz cümle şudur: "Site güzel oldu ama biraz yavaş açılıyor." Aslında bu cümle, tahmin edilenden çok daha pahalı bir sorunu tarif eder. Sayfanın açılması bir saniye geciktiğinde ziyaretçilerin bir kısmı geri döner; geri dönen ziyaretçi, reklam bütçesiyle satın alınmış bir tıklamaysa doğrudan para kaybıdır.

Google, bu deneyimi ölçmek için üç metrik tanımlıyor ve bunları arama sıralamasında sinyal olarak kullanıyor: Core Web Vitals. İyi haber şu ki bu üç sayı, doğru yerlere bakıldığında birkaç günlük çalışmayla iyileştirilebilir.

Neden bu üç sayı?

Core Web Vitals, "sayfa kaç saniyede yüklendi" gibi tek boyutlu bir ölçüme değil, kullanıcının gerçekte ne hissettiğine bakar. Üç farklı soruyu yanıtlar: içerik ne zaman göründü, tıkladığımda ne kadar sürede tepki verdi, okurken sayfa altımdan kaydı mı?

Değerlendirme, ziyaretçilerinizin %75'inin gördüğü değere göre yapılır. Yani "benim bilgisayarımda hızlı açılıyor" ölçüt değildir; sahadaki gerçek kullanıcı verisi ölçüttür.

LCP — En büyük içerik boyaması

LCP, ekranda görünen en büyük öğenin (genellikle hero görseli ya da ana başlık) ne zaman çizildiğini ölçer. Kurumsal sitelerde kötü LCP'nin nedeni neredeyse her zaman aynıdır: devasa bir kapak görseli.

• Görselleri WebP veya AVIF biçimine çevirin; çoğu durumda dosya boyutu yarıdan aza iner.
• Hero görseline fetchpriority="high" verin, altındaki görselleri loading="lazy" ile erteleyin.
• Yazı tiplerini font-display: swap ile yükleyin; metin, font inene kadar görünmez kalmasın.
• Sunucudan ilk baytın gelme süresi (TTFB) 600 ms'yi aşıyorsa önce barındırmayı ve önbelleği çözün; görsel optimizasyonu bunu kurtarmaz.

INP — Etkileşim gecikmesi

INP, 2024'te FID'in yerini aldı ve daha zorlu bir ölçüttür: sayfadaki tüm etkileşimlerin yanıt süresine bakar. Menüye tıkladığınızda açılması 400 ms sürüyorsa kullanıcı bunu "takılma" olarak hisseder.

Ana suçlu genellikle üçüncü taraf betikleridir. Bir kurumsal sitede sırayla eklenen canlı destek widget'ı, üç ayrı analitik kodu, ısı haritası aracı ve reklam pikselleri ana iş parçacığını doldurur.

• Gerçekten kullanılmayan üçüncü taraf betiklerini kaldırın — çoğu sitede en az biri vardır.
• Kalanları defer ile veya kullanıcı etkileşiminden sonra yükleyin.
• Uzun süren işleri parçalara bölün; tek seferde 50 ms'yi aşan görevlerden kaçının.

CLS — Görsel kayma

Yazıyı okumaya başladığınızda üstte bir reklam yüklenir ve metin aşağı kayar; tıklamak istediğiniz butona basamazsınız. CLS bunu ölçer ve düzeltmesi genellikle en kolay olanıdır.

• Tüm <img> ve <video> etiketlerine width ve height yazın.
• Reklam, gömülü içerik ve duyuru şeritleri için yer ayırın (min-height).
• Sonradan yüklenen yazı tiplerinde ölçü farkını azaltmak için benzer ölçülü bir yedek font seçin.

Nasıl ölçülür?

İki tür veri vardır ve ikisi de gereklidir:

1. Saha verisi (gerçek kullanıcı): Google Search Console'daki Core Web Vitals raporu ve CrUX verisi. Sıralamada karşılığı olan budur.
2. Laboratuvar verisi (test): Lighthouse ve PageSpeed Insights. Sorunun nedenini bulmak için kullanılır.

Bir yaygın hata: yalnızca Lighthouse skoruna bakmak. 100/100 alan bir site, gerçek kullanıcıların yavaş bağlantısında pekâlâ zayıf puan alabilir. Kararı saha verisiyle verin.

En sık yapılan yedi hata

1. Ana sayfaya 4 MB'lık kapak videosu koymak.
2. Beş farklı ağırlıkta yazı tipi yüklemek; pratikte ikisi kullanılıyor olmak.
3. Tüm sayfalarda, yalnızca tek bir sayfada gereken JavaScript'i yüklemek.
4. Görselleri tarayıcıda küçültmek: 3000 piksel genişliğinde görseli 400 piksellik alana sığdırmak.
5. Önbellek başlıklarını hiç ayarlamamak; her ziyarette her şeyi yeniden indirtmek.
6. Ölçümü mobil yerine masaüstünde yapmak. Trafiğin çoğunluğu mobildir.
7. İyileştirmeyi bir kez yapıp bırakmak. Eklenen her yeni modül puanı geri düşürür.

Kontrol listesi

Yayına almadan önce sırayla geçin:

• Mobilde LCP 2,5 saniyenin altında mı?
• Tüm görsellerde boyut nitelikleri ve modern format var mı?
• Kritik olmayan tüm betikler ertelenmiş mi?
• Yazı tipleri önbelleğe alınıyor ve swap ile yükleniyor mu?
• Search Console'da üç metrik de yeşil mi?
• Ölçüm otomatik ve düzenli mi yapılıyor?

Hız bir proje değil, bir bakım kalemidir. Yayına alındığı gün yeşil olan bir site, altı ay sonra eklenen üç widget yüzünden kırmızıya döner.

Sitenizin mevcut durumunu merak ediyorsanız, üç metriği ölçüp somut iyileştirme maddelerini listeleyen kısa bir rapor hazırlayabiliriz.