Google, 2021'den itibaren sayfa hızını doğrudan sıralama faktörü olarak kullandığını açıkladı. Araştırmalar, mobil sitesi 3 saniyeyi aşan her işletmenin ziyaretçilerinin %53'ünü kaybettiğini gösteriyor. Üstelik yavaş site sadece SEO'nuzu değil, reklam maliyetlerinizi de olumsuz etkiliyor: açılış sayfanız yavaşsa Google Ads Kalite Puanı düşer ve tıklama başına ödediğiniz ücret artar.

Bu rehberde web sitenizin hızını artırmak için teknik bilgi gerektirmeyen ve profesyonel düzeyde uygulayabileceğiniz 6 adımı somut araçlar ve hedef değerlerle açıklıyoruz.

%53 Mobilden 3 saniyeyi aşan siteleri terk eden ziyaretçi oranı
%7 1 saniyelik gecikmenin e-ticaret dönüşümüne etkisi
%60 Web sayfalarında görsellerin ortalama ağırlık payı

İçindekiler

  1. Core Web Vitals Nedir? Google'ın Ölçüm Kriterleri
  2. Önce Test Edin: Ücretsiz Hız Araçları
  3. Adım 1: Görselleri Optimize Edin
  4. Adım 2: Tarayıcı Önbelleğini Aktif Edin
  5. Adım 3: CSS ve JavaScript Dosyalarını Küçültün
  6. Adım 4: CDN Kullanın
  7. Adım 5: Gereksiz Eklentileri Kaldırın
  8. Adım 6: Doğru Hosting Seçimi
  9. Hız Optimizasyon Kontrol Listesi

Core Web Vitals Nedir? Google'ın Ölçüm Kriterleri

Core Web Vitals, Google'ın kullanıcı deneyimini ölçmek için kullandığı ve doğrudan sıralama faktörü olan üç temel metriktir. Bu metriklerin tamamında "İyi" bölgeye girmek, hem SEO hem kullanıcı deneyimi açısından birinci önceliktir.

LCP Largest Contentful Paint ≤ 2,5 sn Sayfanın en büyük görsel veya metin öğesinin yüklenme süresi. Hero görsel veya ana başlık genellikle bu öğedir.
INP Interaction to Next Paint ≤ 200 ms Kullanıcı bir butona tıkladığında veya form doldurduğunda sayfanın görsel olarak yanıt verme süresi.
CLS Cumulative Layout Shift ≤ 0,1 Sayfa yüklenirken öğelerin görsel olarak kayma miktarı. Reklamların veya geç yüklenen görsellerin sayfayı itmesi CLS'yi artırır.

PageSpeed Insights Skor Kategorileri

0–49 Yavaş — Acil müdahale gerekli
50–89 Geliştirilmeli — İyileştirme fırsatı var
90–100 Hızlı — Google ödüllendiriyor

Önce Test Edin: Ücretsiz Hız Araçları

Optimizasyona başlamadan önce mevcut durumu ölçün. Neyin sorun olduğunu bilmeden yapılan değişiklikler rastgele sonuç verir; test verisi ise hangi adıma odaklanmanız gerektiğini net olarak gösterir.

Araç Ne Ölçer? URL Fiyat
Google PageSpeed Insights Core Web Vitals, optimizasyon önerileri, mobil/masaüstü ayrı skorlar pagespeed.web.dev Ücretsiz
GTmetrix Yükleme şelalesi, hangi kaynağın ne kadar süre aldığı, waterfall analizi gtmetrix.com Ücretsiz Plan
Google Search Console Gerçek kullanıcı verisiyle Core Web Vitals durumu, sayfa bazlı sorunlar Search Console → Deneyim → Web Vitals Ücretsiz
WebPageTest Farklı coğrafyadan test, video karşılaştırma, gelişmiş analiz webpagetest.org Ücretsiz

Hedef Skorlar

Mobilnde 70+ (ideal: 85+), masaüstünde 85+ (ideal: 90+). Mobil skoru her zaman öncelikli tutun; Google "mobile-first indexing" uyguluyor — mobil deneyim masaüstünden daha kritik.

"Bir saniyelik gecikme, e-ticaret sitelerinde dönüşüm oranını %7'ye kadar düşürüyor. Hız, artık bir lüks değil; gelir doğrudan etkileyen bir faktördür."

6 Teknik Adım

Adım 1: Görselleri Optimize Edin

En Yüksek Etki

Web sitelerindeki toplam sayfa ağırlığının ortalama %60'ını görseller oluşturur. Birkaç basit adımla bu yükü dramatik biçimde azaltabilirsiniz — çoğu durumda bu tek adım PageSpeed skorunu 15–25 puan artırır.

FormatDosya BoyutuŞeffaflıkAnimasyonTavsiye
WebP Önerilen En küçük (%25–35 daha az) ✓ ✓ Tüm modern tarayıcılar destekler
AVIF WebP'den %20 daha az ✓ ✓ Mükemmel ama eski tarayıcılarda yok
JPEG Orta ✗ ✗ Fotoğraflar için hâlâ kullanılabilir
PNG En büyük ✓ ✗ Yalnızca şeffaflık gerektiğinde
SVG Çok küçük ✓ ✓ Logo, ikon, vektör grafikler için ideal
  • WebP'ye dönüştürün: Squoosh.app (ücretsiz, tarayıcıda) veya WordPress için Imagify/ShortPixel eklentisi.
  • Boyutlandırın: 3000 px genişliğinde bir fotoğrafı 800 px'lik alana koymayın; kullanılacağı boyuta yakın export edin.
  • Lazy loading ekleyin: HTML'de loading="lazy" özelliği ile ekranın dışındaki görseller yalnızca scroll edildiğinde yüklenir. Hero görsele loading="eager" kullanın.
  • Sıkıştırın: TinyPNG veya Squoosh.app ile görsel kalitesini kaybetmeden dosya boyutunu %30–50 küçültün.
  • Responsive görseller: srcset özelliğiyle farklı ekran boyutları için farklı çözünürlük sunun.

Adım 2: Tarayıcı Önbelleğini (Cache) Aktif Edin

Yüksek Etki

Ziyaretçi sitenize ikinci kez geldiğinde logo, CSS ve JavaScript dosyaları tarayıcıda önbelleklenmiş olursa sunucudan tekrar indirilmez — sayfa neredeyse anında açılır. Bir kullanıcının sitenizi ortalama 3–5 kez ziyaret ettiğini düşününce bu optimizasyonun kümülatif etkisi çok büyüktür.

  • WordPress: WP Rocket veya LiteSpeed Cache eklentisi önbelleklemeyi otomatik yönetir.
  • Statik site / özel geliştirme: Sunucunuzda Cache-Control ve Expires header'larını yapılandırın. Statik dosyalar (CSS, JS, görseller) için en az 1 yıllık önbellek süresi önerilir.
  • Cloudflare: DNS'inizi Cloudflare'e taşıdığınızda statik dosyalar otomatik olarak önbelleklenir.

Adım 3: CSS ve JavaScript Dosyalarını Küçültün (Minify)

Orta Etki

Geliştiricilerin yazdığı kod dosyaları boşluklar, yorumlar ve uzun değişken isimleri içerir. Bu dosyaların "minify" edilmesi, dosya boyutlarını %20–40 küçültür ve tarayıcının bunları parse etme süresini azaltır.

  • WordPress: Autoptimize veya WP Rocket bu işlemi otomatik yapar. Etkinleştirirken sitenizi test edin; bazı eklentilerle çakışabilir.
  • Manuel / özel site: Terser (JavaScript) ve cssnano (CSS) gibi araçlarla build pipeline'ınıza ekleyin.
  • Render-blocking kaynakları erteyin: JavaScript dosyaları için defer veya async özelliği kullanın; böylece JS dosyası sayfanın görsel yüklenmesini bloke etmez.
  • Kullanılmayan CSS'i kaldırın: PurgeCSS veya UnCSS ile yalnızca kullanılan stilleri bırakın. Büyük CSS framework'leri (Bootstrap) genellikle yüzlerce kullanılmayan kural içerir.

Adım 4: CDN (İçerik Dağıtım Ağı) Kullanın

Orta-Yüksek Etki

Sunucunuz İstanbul'daysa ve ziyaretçiniz Erzurum'daysa aradan oluşan gecikme (latency) her istekte küçük ama birikimli bir yavaşlık yaratır. CDN, sitenizin statik dosyalarını dünya genelindeki onlarca sunucuya dağıtır; ziyaretçi kendine en yakın sunucudan içeriği alır.

  • Cloudflare Ücretsiz Plan: Çoğu KOBİ için yeterlidir. DNS'inizi Cloudflare'e taşımak yeterli — kurulum 15 dakika sürer. CDN, DDoS koruması ve SSL de dahildir.
  • BunnyCDN: Türkiye dahil yakın sunucularıyla uygun fiyatlı seçenek. İstanbul ve Ankara lokasyonları mevcuttur.
  • Amazon CloudFront / Google Cloud CDN: Yüksek trafik ve küresel erişim gerektiren kurumsal siteler için.

Cloudflare Kurulumu

cloudflare.com'a gidin → "Add a site" → Alan adınızı girin → DNS kayıtlarınız otomatik aktarılır → Nameserver'larınızı domain sağlayıcınızda güncelleyin. Ücretsiz planda bile %30–70 hız artışı yaygın olarak görülüyor.

Adım 5: Gereksiz Eklentileri ve Kodları Kaldırın

Orta Etki

Özellikle WordPress sitelerinde her eklenti ekstra CSS ve JavaScript yükler — hatta aktif olmayan eklentiler bile bazen script yükleyebilir. Araştırmalar, ortalama WordPress sitesinde yüklenen scriptin %70'inin yalnızca belirli sayfalarda gerekli olduğunu gösteriyor.

  • Aktif olarak kullanmadığınız tüm eklentileri silin (devre dışı bırakmak yetmez).
  • Son 6 ayda güncellenmemiş eklentileri alternatiflerle değiştirin.
  • Asset CleanUp eklentisi ile her sayfa için hangi CSS/JS dosyasının yükleneceğini seçici hale getirin.
  • Birden fazla eklentinin üst üste aynı fonksiyonu sağladığı durumları tespit edin (örneğin: 3 farklı form eklentisi).
  • Google Fonts'u yerel olarak barındırın; harici font çağrısı küçük ama ölçülebilir gecikme yaratır.

Adım 6: Doğru Hosting Seçimi

Temel Etki

Paylaşımlı hosting (shared hosting), kaynakları onlarca siteyle paylaştığınız için yoğun saatlerde dramatik yavaşlamalar yaşanabilir. Diğer tüm optimizasyonları yapsanız bile zayıf bir sunucu, kazanımlarınızı geri alır.

Uygun / Başlangıç

Paylaşımlı Hosting

Kaynaklar onlarca siteyle paylaşılır. Kişisel blog veya çok düşük trafikli siteler için kabul edilebilir.

Aylık ~50–200 TL
✓ Önerilen

VPS Hosting

Sanal özel sunucu; kaynaklar yalnızca sizin sitenize ayrılır. E-ticaret ve kurumsal siteler için ideal.

Aylık ~200–600 TL
Yüksek Trafik

Cloud Hosting

Otomatik ölçeklendirme, küresel dağıtım. Yüksek trafikli e-ticaret ve SaaS için.

Aylık ~500 TL+

Sunucu tarafı önbelleğe alma (server-side caching) için LiteSpeed veya Nginx web sunucusu, Apache'ye kıyasla genellikle çok daha iyi performans sağlar. Hosting sağlayıcısını değiştirmeden önce mevcut hosting kontrol panelinizden PHP sürümünüzün güncel olduğunu (PHP 8.2+) kontrol edin.

Hız Optimizasyon Kontrol Listesi

Bu listeyi sitenize uygulayarak her adımı tamamladıkça işaretleyin. Her adım sonrasında PageSpeed skorunuzu tekrar ölçün.

PageSpeed Insights testi yapıldı, mevcut skor kaydedildi
Tüm görseller WebP formatına dönüştürüldü
Görsellere lazy loading eklendi
Hero görsel için loading="eager" ayarlandı
Tarayıcı önbellekleme aktif edildi
CSS ve JS dosyaları minify edildi
Render-blocking JS'e defer/async eklendi
Cloudflare CDN devreye alındı
Kullanılmayan eklentiler silindi
Hosting VPS veya daha üstüne yükseltildi
PHP sürümü 8.2+ olduğu doğrulandı
Optimizasyon sonrası skor tekrar ölçüldü

Web Sitenizin Hız Analizi Ücretsiz

Paragraf Medya teknik ekibi, sitenizin PageSpeed skorunu analiz eder; hangi adımların en hızlı kazanımı sağlayacağını belirler ve optimizasyon sürecini sizin adınıza yönetir.

Ücretsiz Hız Analizi Al

Sıkça Sorulan Sorular

Web sitesi hız optimizasyonu SEO'yu nasıl etkiler?

Google, 2021'den itibaren Core Web Vitals metriklerini (LCP, INP, CLS) doğrudan sıralama faktörü olarak kullanmaktadır. Yavaş bir site hem sıralamada geriler hem de ziyaretçi kaçırır: mobilden 3 saniyeyi aşan yüklenme süresi, kullanıcıların %53'ünün sayfayı terk etmesine yol açar. Bunun yanında yavaş açılış sayfaları, Google Ads Kalite Puanını da düşürerek tıklama başına maliyeti artırır.

Core Web Vitals nedir?

Core Web Vitals, Google'ın kullanıcı deneyimini ölçmek için kullandığı üç temel metrikten oluşur: LCP (en büyük içerik öğesinin yüklenme süresi — 2,5 sn altında olmalıdır), INP (kullanıcı etkileşimine yanıt süresi — 200 ms altında olmalıdır) ve CLS (sayfa yüklenirken oluşan görsel kayma — 0,1 altında olmalıdır).

WordPress sitesini hızlandırmak için hangi eklentiler kullanılmalı?

WordPress hız optimizasyonu için önerilen eklentiler: WP Rocket veya LiteSpeed Cache (önbellekleme ve minify), Imagify veya ShortPixel (görsel optimizasyon), Cloudflare (CDN ve güvenlik), Asset CleanUp (gereksiz script kaldırma). Bu eklentileri birlikte kullanmak sayfa hızını önemli ölçüde artırır.

WebP formatı neden kullanılmalı?

WebP, Google tarafından geliştirilen modern bir görsel formatıdır. Aynı kalitede JPEG'e göre %25–35, PNG'ye göre %26 daha küçük dosya boyutu sunar. Tüm modern tarayıcılar WebP'yi desteklemektedir. Görselleri WebP formatına dönüştürmek, sayfa ağırlığını önemli ölçüde düşürerek LCP skorunu iyileştirir.

Paylaşımlı hosting mi, VPS mi tercih edilmeli?

Paylaşımlı hosting kaynakları onlarca siteyle paylaştığı için yoğun saatlerde ciddi yavaşlamalar yaşanabilir. E-ticaret sitesi veya kurumsal web sitesi için aylık 200–600 TL aralığındaki bir VPS yatırımı, hız sorunlarının büyük bölümünü çözer. Trafik hacminiz yüksekse cloud hosting de değerlendirilebilir.