İçeriğe geç
Digital Plus

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

LCP, INP ve CLS metriklerini anlamak, ölçmek ve hedef değerlere indirmek için adım adım uygulama rehberi.

Digital Plus SEO EkibiSEO EkibiYayın:

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:

MetrikNeyi ö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.

Hizmetler

Bu rehberle ilgili hizmetler

Teknik SEOTarama, indeksleme, site hızı ve yapısal veri sorunlarını kökten çözen teknik SEO çalışması.SEO AuditSitenizin teknik, içerik ve otorite durumunu önceliklendirilmiş aksiyon listesiyle ortaya koyan kapsamlı denetim.

Bu işleri sizin için biz yapalım

Rehberdeki yöntemleri uygulayacak zamanınız yoksa, uzman ekibimizle konuşun.

SEO Audit Talep EtDiğer Rehberler