Site Hızı Optimizasyonu: Core Web Vitals Rehberi (2026)

Web sitenizin hızı artık bir “teknik detay” değil: Google’ın sıralama algoritmasının doğrudan bir parçası ve ziyaretçilerinizin satın alma kararını etkileyen en kritik faktörlerden biri. 2021 yılında Google, Core Web Vitals metriklerini resmi sıralama sinyali olarak duyurdu. O günden bu yana site hızı optimizasyonu, dijital pazarlamanın merkezine oturdu.

Bu rehberde, teknik konuları iş sahipleri ve pazarlama yöneticilerinin anlayabileceği bir dille ele alacağız. Aynı zamanda müşterilerimizden birinde gerçekleştirdiğimiz optimizasyon çalışmasının somut sonuçlarını da paylaşacağız.

Site Hızı Neden Bu Kadar Önemli?

Google’ın kendi araştırma verileri bu konuda son derece net konuşuyor. Sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında, ziyaretçilerin siteyi terk etme oranı yüzde 32 artıyor. 1 saniyeden 5 saniyeye çıkıldığında bu oran yüzde 90’a ulaşıyor. Yani potansiyel müşterilerinizin neredeyse yarısı, sayfa açılmadan önce sitenizi terk ediyor.

Bunun ötesinde, Google 2019’dan itibaren “mobile-first indexing” yaklaşımını benimsedi. Bu, Google’ın sitenizi değerlendirirken masaüstü versiyonunuza değil, mobil versiyonunuza baktığı anlamına geliyor. Dolayısıyla mobil hız, artık tüm SEO çalışmalarının temel taşı haline geldi.

Hız optimizasyonu yalnızca sıralama meselesi değil, doğrudan gelir meselesidir. E-ticaret sitelerinde yapılan araştırmalar, yükleme süresindeki her bir saniyelik gecikmenin dönüşüm oranını yüzde 7 düşürdüğünü gösteriyor. Aylık 100 bin lira ciro yapan bir site için bu, ayda 7 bin lira kayıp demek.

Google, Core Web Vitals metriklerini 2021 yılında resmi sıralama sinyali olarak hayata geçirdi. O tarihten bu yana bu metriklerde iyi performans gösteremeyen siteler, rakiplerine kıyasla arama sonuçlarında geri düştü. Kapsamlı bir SEO stratejisi oluşturuyorsanız, site hızı bu stratejinin olmazsa olmaz bir parçası olmalıdır.

Core Web Vitals Nedir? Üç Temel Metrik

Core Web Vitals, Google’ın belirlediği ve kullanıcı deneyimini ölçen üç temel performans metriğidir. Her biri farklı bir boyutu ölçer: yükleme hızı, etkileşim hızı ve görsel kararlılık.

LCP (Largest Contentful Paint) – Yükleme Performansı

LCP, sayfanın en büyük görünür içeriğinin (genellikle bir banner görseli, büyük bir başlık veya hero bölümü) tarayıcıda ne zaman render edildiğini ölçer. Kısaca şu soruya cevap verir: “Kullanıcı sayfanın yüklendiğini ne zaman hisseder?”

İdeal eşik değeri 2,5 saniyenin altıdır. 2,5-4 saniye arasında “İyileştirme gerekiyor”, 4 saniyenin üzerinde ise “Zayıf” olarak değerlendirilir.

Kötü LCP skorunun en yaygın nedenleri şunlardır:

• Optimize edilmemiş büyük görseller (en sık görülen neden)
• Yavaş sunucu yanıt süresi (TTFB)
• Sayfanın render edilmesini engelleyen CSS ve JavaScript dosyaları
• CDN kullanılmaması

INP (Interaction to Next Paint) – Etkileşim Hızı

INP, Mart 2024’te FID (First Input Delay) metriğinin yerini aldı. FID yalnızca ilk etkileşimi ölçerken, INP kullanıcının sayfada yaptığı tüm etkileşimlerin (tıklamalar, tuş basışları, dokunmalar) yanıt gecikmesini ölçer.

Bir butona tıkladınız, sayfa ne kadar sürede tepki verdi? INP tam olarak bunu ölçer. İdeal değer 200 milisaniyenin altıdır. 200-500 ms arası “İyileştirme gerekiyor”, 500 ms üzeri “Zayıf” kabul edilir.

Kötü INP skorunun başlıca nedenleri:

• Ana thread’i meşgul eden ağır JavaScript görevleri
• Çok fazla üçüncü taraf script (chat widget, reklam, analitik araçları)
• Büyük DOM yapısı (10.000’den fazla HTML elementi)
• Uzun süren JavaScript işlemleri

CLS (Cumulative Layout Shift) – Görsel Kararlılık

CLS, sayfa yüklenirken içeriklerin beklenmedik biçimde kayıp kaymadığını ölçer. “Bir butona tıklayacaktım, sayfa kaydı ve reklama tıkladım” deneyimi yaşadıysanız, bu yüksek CLS’nin sonucudur.

İdeal değer 0,1’in altıdır. 0,1-0,25 arası “İyileştirme gerekiyor”, 0,25 üzeri “Zayıf” olarak sınıflandırılır.

Yüksek CLS’nin yaygın nedenleri:

• Boyutları belirtilmemiş görseller ve videolar (tarayıcı yüklenene kadar boyutu bilmiyor)
• Sayfa üstüne sonradan eklenen reklamlar ve bannerlar
• Geç yüklenen web fontları (FOIT/FOUT sorunu)
• JavaScript ile sonradan eklenen dinamik içerikler

Site Hızınızı Nasıl Ölçersiniz?

Optimizasyon çalışmasına başlamadan önce mevcut durumu doğru ölçmek şarttır. Neyi ölçemezseniz, iyileştiremezsiniz. İşte ücretsiz olarak kullanabileceğiniz temel araçlar:

Google PageSpeed Insights (pagespeed.web.dev): En temel ve en güvenilir araç. Hem laboratuvar verisi (simüle edilmiş test) hem de alan verisi (gerçek kullanıcıların deneyimi) sunuyor. URL’nizi girin, sonuçları görün ve her metrik için özel önerileri inceleyin.

Google Search Console – Core Web Vitals Raporu: Gerçek kullanıcı verilerine dayanan en doğru kaynak. Search Console’da “Deneyim” menüsünün altında “Web Vitals” raporunu bulabilirsiniz. Hangi sayfaların kötü performans gösterdiğini toplu olarak görmenizi sağlar.

Chrome DevTools Lighthouse: Tarayıcı üzerinde F12’ye basarak erişebilirsiniz. Sayfa özelinde derin analiz yapmak için idealdir. Detaylı waterfall grafiği ve kaynak bazlı öneriler sunar.

Web Vitals Chrome Eklentisi: Gezindiğiniz sayfalarda anlık Core Web Vitals değerlerini görmek için kullanabileceğiniz ücretsiz bir Chrome eklentisi. Günlük takip için pratiktir.

Site Hızı Optimizasyonu: Adım Adım Rehber

Aşağıdaki adımlar, genelden özele doğru sıralanmıştır. Her biri farklı düzeyde etki sağlar, ancak çoğu sitede en büyük kazanım görsel optimizasyonuyla elde edilir.

1. Görsel Optimizasyonu – En Büyük Etki

Ortalama bir web sayfasının toplam boyutunun yüzde 60-80’ini görseller oluşturur. Bu yüzden görsel optimizasyonu, genellikle diğer tüm optimizasyon çalışmalarının toplamından daha fazla etki sağlar.

WebP formatına geçiş: WebP, Google tarafından geliştirilen modern bir görsel formatıdır. Aynı görsel kalitesi için JPEG’den ortalama yüzde 25-35, PNG’den yüzde 25-50 daha az alan kaplar. Günümüzde tüm modern tarayıcılar WebP formatını destekliyor. Eğer hâlâ JPEG veya PNG kullanıyorsanız, büyük bir fırsat kaçıyorsunuz demektir.

Doğru boyutlandırma: 4000 piksel genişliğinde bir görseli 800 piksellik bir alanda göstermek yaygın bir hatadır. Tarayıcı görseli indirir, sonra küçültür. Her zaman görüntüleneceği boyuta yakın görseller kullanın. Responsive tasarımlarda srcset özelliğiyle farklı ekran boyutları için farklı görsel sürümleri sunabilirsiniz.

Lazy loading: Sayfanın alt kısımlarındaki görselleri, kullanıcı o bölüme kaydırana kadar yüklemeyin. HTML5’in yerel loading="lazy" özelliği bu işi çoğu durumda basitçe halleder. Ancak dikkat: LCP elementinize (genellikle üst banner) lazy loading uygulamayın, bu skoru kötüleştirir.

2. Sunucu Yanıt Süresi (TTFB)

TTFB (Time to First Byte), tarayıcının isteği göndermesi ile sunucudan ilk veri baytını alması arasındaki süredir. İdeal TTFB 800 milisaniyenin altında olmalıdır. Yavaş sunucu yanıtı, tüm diğer metrikleri olumsuz etkiler çünkü her şey sunucunun cevap vermesiyle başlar.

Hosting kalitesi: Ucuz paylaşımlı hostingler, yüksek TTFB’nin en yaygın nedenidir. Siteniz, yüzlerce başka siteyle aynı sunucu kaynaklarını paylaşıyorsa performans kaçınılmaz biçimde düşer. VPS veya kaliteli yönetilen hosting çözümlerine geçmek genellikle en hızlı kazanımı sağlar.

CDN kullanımı: Content Delivery Network (CDN), sitenizin statik dosyalarını dünya genelindeki sunuculara dağıtır. İstanbul’dan gelen bir ziyaretçi, veriye ABD’deki ana sunucunuzdan değil, Türkiye’ye en yakın CDN düğümünden ulaşır. Cloudflare, ücretsiz planıyla bile ciddi bir TTFB iyileştirmesi sunar.

Sunucu taraflı önbellekleme: Dinamik PHP sayfalarını her istekte yeniden üretmek yerine, oluşturulan HTML’i önbelleğe alıp sonraki ziyaretçilere doğrudan servis etmek yanıt süresini dramatik biçimde kısaltır.

Veritabanı optimizasyonu: Yavaş veritabanı sorguları TTFB’yi doğrudan etkiler. Gereksiz tablo verileri, optimize edilmemiş sorgular ve büyük WordPress meta tabloları bu sorunun başlıca kaynakları arasındadır.

3. CSS ve JavaScript Optimizasyonu

Minifikasyon: CSS ve JavaScript dosyalarındaki boşluklar, yorum satırları ve gereksiz karakterlerin kaldırılması dosya boyutlarını yüzde 20-40 oranında küçültebilir. Modern build araçları (Webpack, Vite) bu işi otomatik yapar.

Kullanılmayan CSS ve JavaScript’i kaldırma: Büyük framework veya tema kullandığınızda, sitenizin aslında kullanmadığı binlerce satır kod yükleniyor olabilir. Chrome DevTools’un “Coverage” özelliğiyle hangi kodun kullanılmadığını görebilirsiniz.

JavaScript’i erteleme: Sayfa render edilmeden çalışması gerekmeyen JavaScript dosyalarına defer veya async özelliği ekleyin. Bu sayede tarayıcı önce HTML ve kritik CSS’i işler, kullanıcı sayfayı daha erken görebilir.

Kritik CSS’i satır içine alma: “Above the fold” (ilk ekranda görünen) içeriğin render edilmesi için gereken CSS’i harici dosyadan çağırmak yerine doğrudan HTML içine gömmek LCP süresini önemli ölçüde kısaltır.

4. Tarayıcı Önbellekleme (Browser Caching)

Tarayıcı önbellekleme, sitenizin statik dosyalarının (görseller, CSS, JavaScript) ziyaretçinin bilgisayarında belirli süreyle saklanmasını sağlar. Aynı ziyaretçi sitenize tekrar girdiğinde, bu dosyaları tekrar indirmesi gerekmez.

Cache-Control başlıkları: Sunucunuz her dosya için tarayıcıya ne kadar süre önbellekte tutması gerektiğini söyleyebilir. Değişmeyen statik varlıklar (logolar, ikonlar) için uzun süreler (1 yıl), sık güncellenen içerikler için kısa süreler tercih edilmelidir.

Doğru sona erme süreleri: Görseller ve fontlar için genellikle 1 yıllık önbellekleme yeterlidir. CSS ve JavaScript dosyaları sık güncellenebileceğinden “cache-busting” yöntemiyle (dosya adına versiyon hash’i ekleyerek) yönetilmelidir.

5. Yazı Tipi (Font) Optimizasyonu

Web fontları, CLS ve LCP üzerinde doğrudan etkisi olan önemli bir performans faktörüdür. Yanlış yapılandırılmış fontlar, metin içeriğin önce görünmemesine (FOIT) veya sistem fontu yerinde yüklenmesine (FOUT) neden olarak hem kullanıcı deneyimini hem de görsel kararlılık skorunu olumsuz etkiler.

font-display: swap: Bu CSS özelliği, özel font yüklenene kadar sistem fontunu göster demektir. Kullanıcı içeriği hemen okuyabilir, font yüklenince geçiş olur. Bu yaklaşım FOIT sorununu ortadan kaldırır.

Kritik fontları önceden yükleme: <link rel="preload"> etiketi kullanarak tarayıcıya en önemli fontları öncelikli indirmesini söyleyebilirsiniz. Bu özellikle LCP metnini etkileyen fontlar için kritik önem taşır.

Font varyasyonlarını sınırlandırma: Her ek font ağırlığı (300, 400, 700, 900) ve stili (italic) ayrı bir HTTP isteği demektir. Gerçekten kullandığınız varyasyonları yükleyin, geri kalanını kaldırın. Çoğu site yalnızca 2-3 font ağırlığıyla yetinebilir.

Sistem fontları alternatifi: Özel font şart değilse, sistem fontlarını kullanmak en iyi performansı sunar. Inter, -apple-system, Roboto gibi fontlar artık çoğu işletim sisteminde hazır geliyor.

6. Üçüncü Taraf Scriptler

Google Analytics, canlı destek widget’ları, sosyal medya paylaşım butonları, reklam kodları ve benzeri üçüncü taraf scriptler INP skorunu en çok bozan faktörler arasındadır. Her script ana thread’i meşgul eder ve sayfanızın kontrolünü kısmen başka bir sunucuya devreder.

Script denetiminizi yapmak için PageSpeed Insights raporundaki “Üçüncü taraf kodun etkisini azaltın” önerisini inceleyin. Hangi scriptlerin ne kadar yük getirdiğini göreceksiniz.

Kritik olmayan scriptleri lazy loading ile yükleyin. Örneğin, canlı destek widget’ı sayfanın geri kalanı yüklendikten 3-5 saniye sonra aktif hale gelebilir. Bu, LCP ve INP üzerindeki olumsuz etkiyi büyük ölçüde azaltır.

7. LiteSpeed ve Nginx Cache Yapılandırması

Sunucu seviyesindeki önbellekleme, sayfa hızını iyileştirmenin en güçlü yollarından biridir. PHP çalıştırmak ve veritabanını sorgulamak yerine, daha önce oluşturulmuş HTML dosyasını doğrudan ziyaretçiye göndermek yanıt süresini milisaniyeler düzeyine indirebilir.

Sayfa önbellekleme (Page Cache): Dinamik WordPress sayfalarının statik HTML sürümlerini diskte saklar. LiteSpeed web sunucusu kullanan hostinglerde LiteSpeed Cache eklentisi bu işi kusursuz yapar ve ücretsizdir.

Object Cache: WordPress’in veritabanı sorgularını Redis veya Memcached gibi bellek içi sistemlerde saklar. Özellikle yoğun trafik alan siteler için kritik bir optimizasyondur.

WordPress için önerilen önbellek çözümleri: LiteSpeed Cache (LiteSpeed sunucu kullanan hostinglerde), WP Rocket (tüm sunucularla uyumlu, ücretli ama güçlü), W3 Total Cache (ücretsiz, yapılandırması karmaşık).

WordPress Siteleri İçin Hız Optimizasyonu

WordPress, dünyanın en yaygın kullanılan içerik yönetim sistemi olduğu için optimizasyon araçları da en gelişmiş düzeyde. Ancak yanlış yapılandırılmış bir WordPress sitesi, yüksek performanslı bir sunucuda bile ağır çalışabilir.

Eklenti denetimi: Her eklenti, sitenize ek JavaScript, CSS ve veritabanı sorgusu ekler. “Daha fazla eklenti, daha yavaş site” kuralı her zaman geçerli değil ama gereksiz eklentiler ciddi yük oluşturur. Kullanmadığınız eklentileri yalnızca devre dışı bırakmak yerine tamamen silin: devre dışı bırakılan eklentilerin bazı kodları hâlâ çalışmaya devam eder.

Görsel optimizasyon eklentileri: ShortPixel, Imagify ve Smush gibi eklentiler, yüklediğiniz görselleri otomatik olarak optimize eder ve WebP formatına çevirir. Bu eklentiler görsel yüklemede oluşabilecek hataları da önler.

Veritabanı temizliği: WordPress, her post revizyonunu, silinmiş yorumları ve geçici verileri (transient) veritabanında saklar. Zamanla bu tablolar şişer ve sorgular yavaşlar. WP-Optimize veya Advanced Database Cleaner gibi eklentiler bu temizliği otomatikleştirir.

PHP versiyonu: PHP 8.2 ve üzeri, eski sürümlere kıyasla yüzde 20-30 daha hızlıdır. Hosting panelinizden PHP versiyonunuzu kontrol edin; hâlâ PHP 7.x kullanıyorsanız acil güncelleme yapın. Hosting sağlayıcınız genellikle bu değişikliği tek tıkla yapmanızı sağlar.

Teknik SEO rehberimizde WordPress optimizasyonunun genel SEO stratejisiyle nasıl bütünleştiği konusunu daha ayrıntılı ele aldık.

Mobil Hız Optimizasyonu

Türkiye’de internet kullanıcılarının büyük çoğunluğu web sitelerini mobil cihazlardan ziyaret ediyor. Google’ın mobile-first indexing politikası göz önüne alındığında, mobil hız optimizasyonu artık masaüstü optimizasyonundan daha öncelikli bir konu haline geldi.

AMP artık tavsiye edilmiyor: Google, 2022’de AMP’i (Accelerated Mobile Pages) sıralama avantajı sağlayan bir faktör olmaktan çıkardı. AMP yerine, Core Web Vitals standartlarını karşılayan responsive tasarıma odaklanmak çok daha sürdürülebilir bir yaklaşım.

Responsive görseller: HTML’de srcset özelliğini kullanarak mobil cihazlara küçük, masaüstüne büyük görsel sürümleri sunun. Mobil kullanıcının 400 piksellik ekranında 1920 piksellik görsel indirmesi anlamsız bir kaynak israfıdır.

Dokunma hedeflerinin boyutu: Mobil cihazlarda buton ve linklerin minimum 48×48 piksel olması gerekir. Küçük dokunma hedefleri hem kullanıcı deneyimini kötüleştirir hem de Google’ın mobil kullanılabilirlik değerlendirmesinde olumsuz sinyal oluşturur.

DOM boyutunu azaltma: 1500’den fazla HTML elementi içeren sayfalar, mobil cihazlarda bellek sorunu yaşatabilir. Özellikle sayfa oluşturucularla (Elementor, Divi) oluşturulan sayfalarda bu sorun sıkça görülür. Her element gerçekten gerekli mi, diye sorun kendinize.

Viewport meta etiketi: Tüm sayfalarda doğru viewport etiketi bulunmalı: <meta name="viewport" content="width=device-width, initial-scale=1">. Bu etiket olmadan mobile cihazlar sayfayı masaüstü görünümünde açmaya çalışır.

On-page SEO rehberimizde mobil uyumluluğun içerik optimizasyonuyla nasıl birlikte yönetilmesi gerektiğini anlattık. Off-page SEO stratejinizi geliştirirken de teknik performansı göz ardı etmemelisiniz.

Sıkça Sorulan Sorular

Sonuç: Site Hızı Artık Bir Seçenek Değil

2026 itibarıyla site hızı optimizasyonu, “yapılabilirse güzel olur” kategorisinden çıkıp “yapılması zorunlu” kategorisine geçti. Google’ın Core Web Vitals sinyalleri, kullanıcıların artan hız beklentileri ve mobil trafiğin hakimiyeti bu dönüşümü hızlandırdı.

İyi haber şu: Görsel optimizasyonu gibi görece basit bir adım bile dramatik sonuçlar doğurabiliyor. Müşterimizin sitesinde yaptığımız çalışmada gördüğümüz yüzde 95,9 boyut azalması bunu çok net ortaya koydu. Büyük bütçeler veya karmaşık altyapı değişiklikleri gerekmeden, sistematik bir yaklaşımla çok ciddi iyileştirmeler mümkün.

Site hızı optimizasyonunu kapsamlı bir SEO stratejisinin parçası olarak ele alın. Anahtar kelime araştırması ve içerik kalitesi ne kadar önemliyse, teknik performans da o kadar önemli. Bu iki unsur birbirini tamamlıyor.

Sitenizin Core Web Vitals durumunu merak ediyorsanız, PageSpeed Insights’ta URL’nizi test etmekle başlayabilirsiniz. Sonuçlar sizi endişelendiriyorsa, bir uzmanla konuşmanın tam zamanı.

Bu yazı, Eray Şimşek tarafından hazırlanmıştır. SEO ve dijital pazarlama alanındaki güncel içerikler için blogumuzu takip edebilirsiniz. İçerik en son bilgilerle güncel tutulmaktadır: Nisan 2026.