Site Hızı ve Core Web Vitals: Uygulamalı İyileştirme Rehberi

Site hızı hem bir sıralama sinyali hem de doğrudan bir dönüşüm faktörüdür.
Bu rehberde üç Core Web Vitals metriğini, nasıl ölçüleceklerini ve en yaygın
sorunların nasıl çözüleceğini adım adım anlatıyoruz.

Core Web Vitals nedir?

Google, sayfa deneyimini üç ana metrikle ölçer. Hedef değerler, gerçek
kullanıcı verisinin (CrUX) 75. yüzdelik dilimi içindir:

Metrik	Neyi ölçer?	Hedef
LCP (Largest Contentful Paint)	En büyük içeriğin görünme süresi	≤ 2,5 sn
INP (Interaction to Next Paint)	Etkileşime yanıt süresi	≤ 200 ms
CLS (Cumulative Layout Shift)	Beklenmedik yerleşim kayması	≤ 0,1

Ölçüm: nereden başlamalı?

PageSpeed Insights ve Search Console

İlk durak PageSpeed Insights olmalı: sayfa
bazında saha ve laboratuvar verisini birlikte gösterir. Site genelindeki
tabloyu ise Search Console’un “Temel Web Verileri” raporundan izlersiniz —
hangi URL gruplarının “yavaş” sınıfında olduğunu burada görürsünüz.

Gerçek kullanıcı ölçümü

Trafiği yüksek sitelerde CrUX verisi yeterlidir; düşük trafikli sitelerde
web-vitals kütüphanesiyle kendi ölçümünüzü toplayabilirsiniz.

LCP’yi iyileştirmek

LCP çoğu sitede hero görseli veya büyük başlık bloğudur. En etkili adımlar:

1. Hero görselini WebP/AVIF formatına çevirin ve boyutunu 200 KB civarına indirin.
2. Hero görseline lazy loading uygulamayın; gerekiyorsa preload edin.
3. Render’ı bloklayan CSS/JS’i azaltın; kritik CSS’i inline verin.
4. Sunucu yanıt süresini (TTFB) CDN ve önbellekleme ile düşürün.

INP’yi iyileştirmek

INP, kullanıcının tıklamasına sayfanın ne kadar geç tepki verdiğini ölçer.
Ana suçlu neredeyse her zaman uzun süren JavaScript görevleridir:

• Üçüncü taraf script’leri (chat, analytics, pazarlama pikselleri) azaltın ve defer edin.
• Uzun görevleri bölün; ana thread’i 50 ms’den uzun bloklamayın.
• Kullanılmayan JavaScript’i bundle analizi ile tespit edip kaldırın.

CLS’yi iyileştirmek

Yerleşim kayması, en çok boyutu tanımsız medya ve geç yüklenen içerikten doğar:

• Tüm görsel ve iframe’lere width/height (veya aspect-ratio) tanımlayın.
• Font yüklenirken yazı kaymasını font-display: swap ve font preload ile azaltın.
• Dinamik içeriği (banner, bildirim) mevcut içeriğin üzerine itmeyecek şekilde yerleştirin.

Kontrol listesi

• Saha verisinde LCP ≤ 2,5 sn, INP ≤ 200 ms, CLS ≤ 0,1
• Hero görseli optimize ve preload edilmiş
• Görsellerde boyut tanımlı, lazy loading doğru uygulanmış
• Üçüncü taraf script’ler minimum ve deferred
• Search Console Temel Web Verileri raporunda “yavaş” URL grubu yok

Bu adımların uygulanması teknik bilgi gerektirir. Ekibinizde bu kapasite
yoksa Teknik SEO hizmetimiz kapsamında tüm süreci biz yönetiyoruz.