Core Web Vitals Nedir? Sitenizi Hızlandırmanın 10 Etkili Yolu

Core Web Vitals (LCP, INP, CLS) nedir, neden önemlidir ve sitenizi hızlandırmak için uygulayabileceğiniz 10 etkili yöntem.

12.09.20263 dk okumaWebTibo Editör

Core Web Vitals Nedir? Sitenizi Hızlandırmanın 10 Etkili Yolu

Google, sitenizin ne kadar hızlı ve kullanıcı dostu olduğunu Core Web Vitals adı verilen üç ölçümle değerlendirir ve bunu sıralamada kullanır.

Üç temel ölçüm

  • LCP (Largest Contentful Paint): Sayfadaki en büyük öğenin yüklenme süresi. Hedef: 2,5 saniyenin altı.
  • INP (Interaction to Next Paint): Tıklamalara verilen tepki hızı. Hedef: 200 ms altı.
  • CLS (Cumulative Layout Shift): Sayfa yüklenirken öğelerin kayması. Hedef: 0,1 altı.

Kendi değerlerinizi ücretsiz site hız testi ile hemen ölçebilirsiniz.

Sitenizi hızlandırmanın 10 yolu

  1. Görselleri WebP/AVIF formatına çevirin — görsel sıkıştırma aracımız bunu tarayıcıda yapar.
  2. Görsellere genişlik/yükseklik verin — CLS'yi önler.
  3. Lazy-load kullanın — ekranda görünmeyen görseller sonra yüklensin.
  4. Önbellek kurun — sayfalar hazır kopyadan sunulsun.
  5. CDN kullanın — site ziyaretçiye en yakın sunucudan açılsın.
  6. Gereksiz eklentileri kaldırın — her eklenti ek yük demektir.
  7. JavaScript'i erteleyin — sayfanın açılmasını engellemesin.
  8. Font sayısını azaltın ve font-display: swap kullanın.
  9. İyi bir hosting seçin — sunucu yanıt süresi (TTFB) 600 ms altında olmalı.
  10. Veritabanını temizleyin — eski revizyonlar ve çöp kayıtlar siteyi yavaşlatır.

Uğraşmak istemiyorsanız site hızlandırma hizmetimiz ile PageSpeed 90+ hedefliyoruz.

Ölçümleri nerede görürsünüz?

Core Web Vitals değerlerini üç yerden takip edebilirsiniz: Google PageSpeed Insights (tek sayfa, laboratuvar + gerçek kullanıcı verisi), Search Console > Önemli Web Verileri raporu (tüm sitedeki sorunlu URL grupları) ve tarayıcıdaki Lighthouse sekmesi. Sıralamayı etkileyen, gerçek kullanıcılardan toplanan “alan verisi”dir; laboratuvar puanı yol gösterici niteliktedir.

LCP'yi düşürmek için pratik adımlar

  • Hero görselini WebP/AVIF formatına çevirin ve fetchpriority="high" verin.
  • Sunucu yanıt süresini (TTFB) önbellek ve iyi bir hosting ile 200 ms altına indirin.
  • Kritik CSS'i satır içine alın, geri kalanını ertelenmiş yükleyin.
  • Yazı tiplerini font-display: swap ile ve yalnızca kullanılan ağırlıklarla yükleyin.

CLS'yi sıfıra yaklaştırmak

Sayfa yüklenirken içeriğin kaymasının en yaygın sebepleri; boyutu belirtilmemiş görseller, sonradan yüklenen reklam alanları ve web fontlarının değişmesidir. Tüm görsel ve iframe'lere width/height verin, reklam ve banner alanları için sabit yükseklik ayırın.

INP: etkileşime hızlı yanıt

2024'ten itibaren FID'nin yerini alan INP, kullanıcının tıklamasına sayfanın ne kadar hızlı tepki verdiğini ölçer. Ağır JavaScript eklentilerini (slider, sohbet widget'ı, fazla takip kodu) azaltmak ve üçüncü taraf scriptleri ertelemek en etkili çözümdür.

WordPress için hızlı kazanımlar

  1. Tek bir iyi önbellek eklentisi (LiteSpeed Cache, WP Rocket) kullanın.
  2. Kullanılmayan eklentileri silin, sayfa oluşturucu yükünü azaltın.
  3. Görselleri otomatik sıkıştıran bir çözüm kurun.
  4. PHP sürümünü 8.2+ yapın.
  5. Cloudflare gibi bir CDN ekleyin.

Sitenizin mevcut durumunu ücretsiz hız testimizle ölçebilir, 90+ puan için hızlandırma hizmetimizden destek alabilirsiniz.

W
WebTibo EditörWeb tasarım, SEO ve yazılım üzerine uygulanabilir rehberler yazıyoruz.
Soru sor
Ücretsiz keşif görüşmesi

Bu konuda yardım mı lazım?
24 saatte net fiyat.

Şu an çevrimdışıyız · WhatsApp'tan yazın