Teknik SEO

Sayfa Hızı ve Core Web Vitals: Google Sıralamanızı Düşüren Teknik Sorunları Çözün

Core Web Vitals (LCP, INP, CLS) nedir, nasıl ölçülür ve nasıl iyileştirilir? Görsel, font, JavaScript.

Kurucu · SEO uzmanı Güncelleme: 8 dk okuma
Sayfa Hızı ve Core Web Vitals: Google Sıralamanızı Düşüren Teknik Sorunları Çözün

Google, sayfa deneyimini yıllardır sıralama sinyali olarak kullanıyor ve bunu üç ölçülebilir metrikle tanımlıyor: Core Web Vitals. Hızlı bir site yalnızca sıralama için değil, dönüşüm için de kritiktir; mobilde birkaç saniyelik gecikme ziyaretçinin rakibe gitmesi demektir. Bu rehber, üç metriği anlamanızı, ölçmenizi ve iyileştirmenizi sağlar.

Core Web Vitals nedir?

Metrik Ne ölçer? Hedef
LCP (Largest Contentful Paint) En büyük görünür içeriğin (görsel/başlık) ekrana gelme süresi ≤ 2,5 s
INP (Interaction to Next Paint) Tıklama/dokunma sonrası ekranın tepki verme süresi ≤ 200 ms
CLS (Cumulative Layout Shift) Sayfa yüklenirken öğelerin beklenmedik kayması ≤ 0,1

Google bu metrikleri gerçek Chrome kullanıcılarının verisiyle (CrUX) ölçer; Search Console’daki “Temel Web Verileri” raporu sitenizin durumunu URL grupları hâlinde gösterir.

Nasıl ölçülür?

  • PageSpeed Insights: hem alan (gerçek kullanıcı) hem laboratuvar verisi; iyileştirme önerileri.
  • Search Console: site geneli durum ve sorunlu URL grupları.
  • Chrome DevTools (Performance/Lighthouse): neyin LCP öğesi olduğunu, hangi betiğin INP’yi uzattığını, hangi öğenin kaydığını gösterir.

Önce mobil verilere bakın; sıralama değerlendirmesi mobil odaklıdır.

LCP’yi iyileştirmek

LCP genellikle hero görseli ya da büyük başlıktır. En etkili adımlar:

  1. Sunucu yanıt süresini (TTFB) düşürün: kaliteli hosting, sunucu önbelleği, CDN. 800 ms üzeri TTFB her şeyi geciktirir.
  2. Hero görselini optimize edin: doğru boyut, WebP/AVIF formatı, fetchpriority="high", lazy loading’i LCP görselinde kullanmayın.
  3. Render engelleyen CSS/JS’yi azaltın: kritik CSS’i satır içine alın, gereksiz betikleri erteleyin (defer).
  4. Fontları optimize edin: self-host, font-display: swap, yalnızca kullanılan ağırlıklar.
  5. Üçüncü taraf betikleri sınırlayın: sohbet, analitik ve reklam betiklerini etkileşimden sonra yükleyin.

INP’yi iyileştirmek

INP, sayfa yüklendikten sonra kullanıcı etkileşimlerine verilen yanıtı ölçer; ağır JavaScript en büyük nedendir.

  • Uzun görevleri (50 ms üzeri) küçük parçalara bölün.
  • Kullanılmayan JavaScript’i kaldırın; büyük kütüphaneler yerine hafif alternatifler seçin.
  • Etkileşim sonrası ağır işleri (analitik gönderimi, DOM güncellemesi) requestIdleCallback ile erteleyin.
  • Ana iş parçacığını meşgul eden üçüncü taraf betikleri (sohbet widget’ları, sosyal gömmeler) denetleyin.

CLS’yi iyileştirmek

Düzen kaymasının nedeni, yüklenirken yer değiştiren öğelerdir.

  • Görsel ve videolara width/height verin; oran koruyan CSS kullanın.
  • Reklam, gömülü içerik ve dinamik banner’lar için alan ayırın.
  • Fontların değişimindeki kaymayı font-display ve boyut ayarlarıyla azaltın.
  • İçeriğin üstüne sonradan eklenen bildirim/çerez çubuklarını sabit konumlu yapın.

Sık görülen 7 hız sorunu

  1. 3–5 MB’lık orijinal boyutta yüklenen fotoğraflar
  2. Her sayfada yüklenen, kullanılmayan eklenti betikleri
  3. Önbelleksiz sunucu ve düşük performanslı paylaşımlı hosting
  4. Google Fonts’tan 6–8 ağırlıkta font çekmek
  5. Yavaş ve çok sayıda üçüncü taraf betik
  6. Boyutsuz görseller ve geç yüklenen banner’lar (CLS)
  7. Sayfa başına onlarca istek üreten, birleştirilmemiş CSS/JS

Statik ve modern altyapının avantajı

Her istekte veritabanına giden, onlarca eklenti çalıştıran siteler yapısal olarak yavaştır. Statik olarak üretilen ya da sunucu tarafı önbelleklenmiş sayfalar, CDN üzerinden milisaniyeler içinde sunulur. Kurumsal siteler için modern statik altyapı; hız, güvenlik ve bakım maliyeti açısından en avantajlı seçimdir. Web tasarım hizmetimizde bu altyapıyı standart olarak kullanıyoruz: kurumsal web tasarım.

Kontrol listesi

  • Mobil LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1 (alan verisi)
  • TTFB ≤ 800 ms, CDN aktif
  • Görseller WebP/AVIF, boyutlu, LCP görseli öncelikli
  • Fontlar self-host, swap
  • Kullanılmayan JS/CSS kaldırıldı, betikler ertelendi
  • Üçüncü taraf betikler denetlendi
  • Search Console’da tüm URL grupları “İyi”

Sonuç

Core Web Vitals; hızlı sunucu, optimize görsel ve font, hafif JavaScript ve kararlı düzenle iyileştirilir. Alan verisinde üç metriği “İyi” seviyesine çeken siteler hem sıralamada hem de dönüşümde ölçülebilir kazanım elde eder.

Sitenizin hız durumunu ve düzeltme planını görmek için teknik SEO hizmetimizle ücretsiz hız analizi isteyebilir, tam denetim adımlarını teknik SEO denetimi rehberinde bulabilirsiniz.

Sık sorulan sorular

PageSpeed puanı mı, Core Web Vitals mı önemli?
Google sıralamada laboratuvar puanını değil, gerçek kullanıcı verisine dayanan Core Web Vitals durumunu ("İyi / İyileştirilmeli / Zayıf") kullanır. PageSpeed puanı yol gösterir; hedef, alan verisinde üç metriğin de "İyi" olmasıdır.
Sitemi hızlandırmak sıralamamı ne kadar etkiler?
Hız tek başına birinci sıraya çıkarmaz; ancak "Zayıf" durumdaki bir site benzer içerikli rakiplerin gerisinde kalır. Asıl büyük etki dönüşümdedir; mobilde 1 saniyelik gecikme dönüşümü belirgin biçimde düşürür.
WordPress sitemi nasıl hızlandırırım?
Hafif tema, görsel optimizasyonu (WebP, boyut), önbellek eklentisi, gereksiz eklentilerin kaldırılması, kaliteli hosting ve CDN çoğu WordPress sitesinde Core Web Vitals'ı "İyi" seviyesine taşır.
  • #corewebvitals
  • #sayfahızı
  • #lcp
  • #inp
  • #cls
  • #sitehızlandırma
Paylaş: WhatsApp LinkedIn X
Devamını okuyun
Ücretsiz ön analiz

İşletmenizi Google Haritalar ve yapay zeka aramalarında zirveye taşıyalım.

Mevcut durumunuzu ücretsiz analiz edelim; rakiplerinize karşı en hızlı büyüme yolunu somut bir yol haritasıyla önerelim.

Ücretsiz analiz talep et WhatsApp'tan yazın

Ortalama dönüş süremiz 15 dakika · 0850 840 52 97

Hemen yazın, dakikalar içinde dönelim