Bloga Dön
Performans 10 dk okuma ·

Web Sitesi Hızı ve SEO İlişkisi: Her Saniye Neden Müşteri Kaybettirir

Web sitesi hızının Google sıralamalarınızı, dönüşüm oranlarınızı ve gelirinizi nasıl doğrudan etkilediğini öğrenin. Site performansını ölçme ve iyileştirme için pratik rehber.

OH

Onur Haniffa

Web Tasarımcı & Geliştirici, İstanbul

01Hız Bir Özellik Değil, Bir Gerekliliktir

2026'da web sitesi hızı, lansmandan sonra optimize ettiğiniz bir şey değildir. Web sitenizin başarılı olup olmayacağını belirleyen en önemli tek faktördür. Google bunu çok net ortaya koymuştur.

İşte gerçek: web siteniz yüklenmek için 3 saniyeden fazla sürüyorsa, mobil ziyaretçilerinizin %53'ünü zaten kaybetmişsinizdir. İlk başlığınızı, güzel tasarımınızı veya etkileyici teklifinizi görmeden gitmişlerdir.

Google'ın Önem Verdiği Şey: Core Web Vitals

Google, web sitenizin kullanıcı deneyimini ölçmek için Core Web Vitals adı verilen üç spesifik metrik kullanır. Bunlar arama sıralamalarınızı doğrudan etkiler:

Largest Contentful Paint (LCP)

  • Ölçüm: Ana içeriğin görünür olmasına kadar geçen süre
  • İyi: 2,5 saniyenin altında
  • Kötü: 4 saniyenin üzerinde
  • Bu "sayfa hızlı hissediliyor mu?" metriğidir

First Input Delay (FID) / Interaction to Next Paint (INP)

  • Ölçüm: Bir şeye tıkladığınızda sayfanın ne kadar hızlı yanıt verdiği
  • İyi: 100 milisaniyenin altında
  • Kötü: 300 milisaniyenin üzerinde
  • Bu "sayfa duyarlı hissediliyor mu?" metriğidir

Cumulative Layout Shift (CLS)

  • Ölçüm: Yüklenirken sayfa içeriğinin ne kadar hareket ettiği
  • İyi: 0,1'in altında
  • Kötü: 0,25'in üzerinde
  • Bu "sayfa kararlı hissediliyor mu?" metriğidir

Hızın İş Üzerindeki Etkisi

Hız ve gelir arasındaki bağlantı iyi belgelenmiştir:

  • Amazon, ek 100ms yükleme süresinin satışlarda %1'e mal olduğunu buldu
  • Google, arama sayfası yükleme süresindeki 0,5 saniyelik artışın trafikte %20 düşüşe neden olduğunu keşfetti
  • Walmart, her 1 saniyelik iyileştirme için dönüşümlerde %2 artış gördü
  • Pinterest, algılanan bekleme sürelerini %40 azalttı ve kayıtlarda %15 artış gördü

Türk işletmeleri için etki daha da dramatiktir çünkü:

  • Türk kullanıcıların %76'sı genellikle daha yavaş 4G bağlantılarıyla mobilde geziniyor
  • Türk kullanıcıların masaüstü kullanıcılarına kıyasla yavaş sitelere daha az sabrı var
  • Hıza yatırım yapan rakipleriniz trafiğinizi çalacak

Web Sitesi Hızınızı Nasıl Ölçersiniz

Ücretsiz Araçlar:

1. Google PageSpeed Insights (pagespeed.web.dev)

  • Hem mobil hem de masaüstü performansı test eder
  • Core Web Vitals puanlarınızı gösterir
  • İyileştirme için özel öneriler verir
  • Mevcut olduğunda gerçek kullanıcı verilerini kullanır

2. GTmetrix (gtmetrix.com)

  • Neyin ne zaman yüklendiğini gösteren detaylı şelale analizi
  • Zaman içinde performans takibi
  • Birden fazla konumdan test

3. WebPageTest (webpagetest.org)

  • Mevcut en detaylı analiz
  • Yükleme sürecinin video karşılaştırması
  • İstanbul dahil dünya çapında konumlardan test

4. Google Search Console

  • Gerçek sayfalarınız için Core Web Vitals'ı gösterir
  • İyileştirme gerektiren sayfaları tanımlar
  • Laboratuvar testlerine değil, gerçek kullanıcı verilerine dayalı

En Yaygın 7 Hız Katili

1. Optimize Edilmemiş Görseller
Bu bir numaralı suçludur. Tek bir optimize edilmemiş hero görseli 200KB olması gerekirken 5MB olabilir.

Çözümler:

  • Modern formatları kullanın: JPEG/PNG yerine WebP veya AVIF
  • Yüklemeden önce görselleri sıkıştırın (TinyPNG, Squoosh)
  • Farklı cihazlara farklı boyutlar sunan duyarlı görseller kullanın
  • Ekranın altındaki görselleri lazy load ile yükleyin

2. Çok Fazla HTTP İsteği
Sayfanızın yüklediği her dosya (CSS, JavaScript, görseller, fontlar) ayrı bir istek gerektirir. Daha fazla istek, daha yavaş yükleme demektir.

Çözümler:

  • CSS ve JavaScript dosyalarını birleştirin
  • İkonlar için CSS sprite kullanın
  • Gereksiz eklentileri ve scriptleri kaldırın
  • Statik varlıkları sunmak için CDN kullanın

3. Render-Engelleyen JavaScript
Sayfa render edilmeden önce indirilmesi ve çalıştırılması gereken JavaScript bir darboğaz oluşturur.

Çözümler:

  • Kritik olmayan JavaScript'i erteleyin
  • Üçüncü taraf scriptler için async yükleme kullanın
  • Scriptleri sayfanın altına taşıyın
  • Daha az JavaScript gönderen frameworkleri düşünün (SvelteKit gibi)

4. Kötü Hosting
Türkiye'de ucuz paylaşımlı hosting, sadece ilk sunucu bağlantısı için 500ms veya daha fazla yanıt süresine sahip olabilir.

Çözümler:

  • Kaliteli hosting sağlayıcıları kullanın (Vercel, Netlify veya kaliteli Türk hostları)
  • Türkiye yakınında edge konumları olan bir CDN düşünün
  • Sunucu tarafı önbellekleme kullanın
  • Gerekirse paylaşımlı hostingden VPS veya dedicated hostinge yükseltin

5. Tarayıcı Önbellekleme Yok
Önbellekleme başlıkları olmadan, tarayıcılar her ziyarette her şeyi yeniden indirir.

Çözümler:

  • Uygun Cache-Control başlıkları ayarlayın
  • Çevrimdışı önbellekleme için service worker kullanın
  • Koşullu istekler için ETag uygulayın

6. Çok Fazla Eklenti (WordPress'e Özel)
Her WordPress eklentisi CSS, JavaScript ve veritabanı sorguları ekler. 20'den fazla eklenti yavaş bir site için formüldür.

Çözümler:

  • Eklentileri denetleyin ve kullanılmayanları kaldırın
  • Birden fazla eklentiyi her şeyi yapan tek bir eklentiyle değiştirin
  • Eklenti gerektirmeyen modern bir framework'e geçmeyi düşünün

7. Büyük CSS Framework'leri
Bootstrap gibi bir CSS framework'ünün tamamını yükleyip sadece %10'unu kullanmak gereksiz ağırlık ekler.

Çözümler:

  • Tailwind gibi utility-first CSS kullanın (kullanılmayan stilleri tree-shake eder)
  • Üretim derlemelerinde kullanılmayan CSS'i temizleyin
  • Sadece ihtiyacınız olan şey için özel CSS yazın

Hız Optimizasyonu Kontrol Listesi

İşte takip edebileceğiniz pratik bir kontrol listesi:

  • Tüm görselleri WebP formatına sıkıştırın
  • Sunucunuzda GZIP veya Brotli sıkıştırmayı etkinleştirin
  • CSS, JavaScript ve HTML'i minimize edin
  • Uygun başlıklarla tarayıcı önbelleklemeyi ayarlayın
  • CDN kullanın (Cloudflare'in ücretsiz katmanı var)
  • Ekranın altındaki görselleri ve videoları lazy load ile yükleyin
  • Kritik olmayan JavaScript'i erteleyin
  • Web fontlarını optimize edin (font-display: swap kullanın)
  • Kullanılmayan CSS ve JavaScript'i kaldırın
  • Sadece masaüstünde değil, gerçek mobil cihazlarda test edin

Framework Faktörü

Web teknolojisi seçiminiz hız üzerinde büyük bir etkiye sahiptir. İşte gerçek dünya karşılaştırması:

  • WordPress (ortalama): 3-5 saniye yükleme süresi, 60-75 Lighthouse puanı
  • React/Next.js: 1,5-3 saniye yükleme süresi, 75-90 Lighthouse puanı
  • SvelteKit: 0,5-1,5 saniye yükleme süresi, 90-100 Lighthouse puanı

Fark, tarayıcıya ne kadar JavaScript gönderildiğine bağlıdır. WordPress ve React, indirilmesi ve çalıştırılması gereken büyük JavaScript paketleri gönderir. SvelteKit framework'ü derler ve yalnızca ihtiyaç duyulan minimal kodu gönderir.

Bugün Yapabileceğiniz Hızlı İyileştirmeler

Tam bir yeniden tasarım olmadan bile hızınızı artırabilirsiniz:

  1. 1Görsellerinizi sıkıştırın - Bu tek başına yükleme süresini %50 azaltabilir
  2. 2Önbelleklemeyi etkinleştirin - Sunucu yapılandırmanıza önbellekleme başlıkları ekleyin
  3. 3Kullanılmayan eklentileri kaldırın - Kaldırılan her eklenti hızı artırır
  4. 4Cloudflare kullanın - Önbellekleme ve sıkıştırma ekleyen ücretsiz CDN
  5. 5İlk ekranı optimize edin - Geri kalanı daha uzun sürse bile ilk ekranın hızlı yüklenmesini sağlayın

02İlgili Okumalar

Web sitesi performansı ve SEO hakkında daha fazla bilgi edinmek için ilgili yazılarımıza göz atın:

Yıldırım hızında bir web sitesi mi istiyorsunuz? Performans odaklı hizmetlerimizi inceleyin veya ücretsiz hız analizi alın.

Daha Hızlı Bir Web Sitesi mi İstiyorsunuz?

Google PageSpeed Insights'ta 95+ puan alan yüksek performanslı web siteleri oluşturma konusunda uzmanlaşıyorum. SvelteKit ve modern optimizasyon teknikleri kullanarak 1 saniyenin altında yüklenen siteler oluşturuyorum.

Mevcut web sitenizin performansını analiz ettiğim ve iyileştirme için net bir eylem planı verdiğim ücretsiz bir hız denetimi için randevu alın.

Projenize Başlamaya Hazır mısınız?

Ücretsiz danışmanlık — ihtiyaçlarınızı konuşalım, size net bir teklif sunayım.