Web sitesi hızı, dijital dünyanın en kritik performans kriterlerinden biridir. Bir web sitesinin yüklenmesini beklemek için kullanıcıların sabır sınırı ortalama 3 saniyedir ve bu süreyi aşan siteler ziyaretçilerinin büyük çoğunluğunu kaybeder. Google da bu gerçeğin farkında olarak Core Web Vitals metriklerini sıralama faktörü olarak kullanmaktadır. Bu rehberde web sitenizin hızını artırmak ve kullanıcı deneyimini mükemmelleştirmek için bilmeniz gereken her şeyi bulacaksınız.
💡 Yönetici Özeti
Core Web Vitals, Google'ın web sitesi kullanıcı deneyimini ölçmek için kullandığı üç temel metriktir: LCP (yükleme hızı), INP (etkileşim tepkisi) ve CLS (görsel kararlılık). Bu metrikleri optimize etmek hem SEO sıralamanızı yükseltir hem de dönüşüm oranlarınızı artırır. Sayfa hızını iyileştirmenin en etkili yolları görsel optimizasyonu, CDN kullanımı, lazy loading ve önbellek stratejileridir.
Her saniye önemlidir. Araştırmalara göre sayfa yükleme süresindeki 1 saniyelik gecikme, dönüşüm oranlarını yüzde yediye kadar düşürebilir. E-ticaret siteleri için bu durum doğrudan gelir kaybı anlamına gelir. Ayrıca Google, 2021'den bu yana Core Web Vitals metriklerini doğrudan sıralama faktörü olarak kullanmaktadır ve 2026 yılında bu metriklerin ağırlığı daha da arttı. SEO rehberimizde de belirttiğimiz gibi teknik SEO'nun temeli hızlı ve stabil bir web sitesidir.
📊 Core Web Vitals Nedir?
Core Web Vitals yani Önemli Web Verileri, Google tarafından tanımlanan ve gerçek kullanıcı deneyimini ölçen üç temel metriktir. Bu metrikler web sitenizin ne kadar hızlı yüklendiğini, kullanıcı etkileşimlerine ne kadar hızlı tepki verdiğini ve sayfa yüklenirken görsel elemanların ne kadar kararlı kaldığını ölçer. Google Search Console, PageSpeed Insights ve Chrome DevTools gibi araçlarla bu metrikleri izleyebilirsiniz.
Sayfadaki en büyük görsel veya metin bloğunun ne kadar sürede render edildiğini ölçer. Yükleme performansının ana göstergesidir. Hedef: 2.5 saniyenin altı.
Kullanıcının bir butona tıklaması veya bir alana yazması sonrası sayfanın tepki süresini ölçer. FID metriğinin yerini aldı. Hedef: 200 milisaniyenin altı.
Sayfa yüklenirken elemanların beklenmedik şekilde kaymasını ölçer. Kullanıcıyı yanlış butona tıklatabilir. Hedef: 0.1 puanın altı.
🖼️ LCP: En Büyük İçerikli Boyama (Largest Contentful Paint)
LCP, kullanıcının sayfayı açtığında ana içeriğin ne kadar sürede göründüğünü belirleyen en önemli hız metriğidir. LCP elementi genellikle sayfadaki en büyük görsel, video posteri veya büyük metin bloğudur. Bu elementin hızlı render edilmesi, kullanıcının sayfanın yüklendiğini hissetmesi için kritiktir. Bir kullanıcı sayfayı açtığında beyaz bir ekranla karşılaşırsa birkaç saniye içinde geri döner.
LCP'yi İyileştirmek İçin Yapılması Gerekenler
- 1 Görselleri Optimize Edin: WebP veya AVIF formatı kullanın, boyutları responsive breakpoint'lere göre ayarlayın ve srcset attribute ile farklı ekran boyutlarına farklı görseller sunun. Gereksiz yüksek çözünürlüklü görseller LCP'yi ciddi şekilde yavaşlatır.
- 2 Sunucu Yanıt Süresini Düşürün (TTFB): CDN (Content Delivery Network) kullanarak içeriği kullanıcıya en yakın sunucudan iletin. Sunucu tarafı önbellek (server-side caching) ve veritabanı sorgularını optimize edin. TTFB 800 milisaniyenin altında olmalıdır.
- 3 Render Engelleyen Kaynakları Azaltın: Kritik CSS'i inline olarak yerleştirin, JavaScript dosyalarını async veya defer attribute'ları ile yükleyin. Kullanılmayan CSS ve JS kodlarını kaldırarak parse süresini kısaltın.
- 4 Preload ile Öncelik Verin: LCP elementini (hero görseli gibi) link rel preload etiketi ile önceden yüklemeye başlayın. Bu sayede tarayıcı HTML'i parse etmeden bile görseli indirmeye başlar ve LCP süresi dramatik şekilde düşer.
👆 INP ve FID: Etkileşim Tepki Hızı
INP (Interaction to Next Paint), Mart 2024'te FID (First Input Delay) metriğinin yerini aldı ve 2026 itibarıyla tüm SEO değerlendirmelerinde kullanılıyor. FID sadece ilk etkileşimi ölçerken, INP sayfadaki tüm etkileşimleri değerlendirerek en yavaş olanı raporlar. Bu metrik kullanıcı bir butona tıkladığında, bir form alanına yazdığında veya bir menüyü açtığında sayfanın ne kadar sürede görsel geri bildirim verdiğini ölçer.
⚡ INP Neden Önemli?
Kullanıcılar bir butona tıkladığında anında tepki bekler. 200 milisaniyenin üzerindeki gecikmelerde kullanıcılar butona tekrar tıklar bu da çift işlem çift form gönderimi ve hatalı sipariş gibi sorunlara yol açabilir. E-ticaret sitelerinde INP doğrudan sepet dönüşümünü etkiler.
🔧 INP Nasıl İyileştirilir?
Ana thread'i bloke eden uzun JavaScript görevlerini parçalayın (code splitting). Üçüncü parti scriptleri (analitik, chatbot, reklam pikselleri) lazy load edin. Web Workers kullanarak ağır hesaplamaları arka plana taşıyın ve React veya Vue gibi framework'lerde gereksiz re-render'ları önleyin.
📌 Önemli Not: FID'den INP'ye Geçiş
FID sadece ilk etkileşimin input delay'ini ölçüyordu. INP ise tüm etkileşimlerin toplam süresini (input delay + processing + presentation delay) ölçüyor. Bu nedenle FID skoru iyi olan bazı sitelerin INP skoru kötü çıkabilir. Özellikle single-page application (SPA) mimarilerinde INP optimizasyonu daha zorludur çünkü sayfa geçişleri tam sayfa yenilemesi olmadan gerçekleşir.
📐 CLS: Cumulative Layout Shift (Kümülatif Düzen Kayması)
CLS, sayfa yüklenirken elemanların beklenmedik şekilde yer değiştirmesini ölçen metriktir. Örneğin bir haber sitesinde makaleyi okurken aniden yukarıdan bir reklam banner'ı belirip tüm içeriği aşağı itmesi tipik bir CLS sorunudur. Bu durum kullanıcıyı rahatsız eder yanlış bağlantılara tıklamasına neden olabilir ve genel deneyimi olumsuz etkiler. CLS skoru 0.1 puanın altında olmalıdır.
Tüm img ve video etiketlerine width ve height attribute ekleyin. CSS aspect-ratio kullanarak tarayıcının yükleme öncesinde alan ayırmasını sağlayın.
Reklam alanları, cookie banner'ları ve bildirim çubukları için önceden sabit yükseklik alanı ayırın. min-height CSS özelliği ile minimum alan tanımı yapın.
Web fontlarını font-display swap ile yükleyin ve preload edin. FOUT (Flash of Unstyled Text) sorunu yaşanmaması için fallback fontların metriklerini ana fontla eşleştirin.
🚀 Performans Optimizasyon Teknikleri
Core Web Vitals metriklerini genel olarak iyileştirmek için uygulanması gereken kapsamlı optimizasyon teknikleri bulunmaktadır. Web yazılım hizmetimizde tüm bu teknikleri en başından projelerimize entegre ediyoruz. Performans optimizasyonu tek seferlik bir iş değil, sürekli izlenmesi ve iyileştirilmesi gereken bir süreçtir.
CDN (Content Delivery Network) Kullanımı
Cloudflare, Fastly veya AWS CloudFront gibi CDN servisleri içeriklerinizi dünya genelindeki sunucularda dağıtarak kullanıcıya en yakın noktadan sunar. Bu sayede TTFB süresi dramatik şekilde düşer ve global kullanıcılar için tutarlı performans sağlanır. Özellikle Türkiye dişindan trafik alan siteler için CDN olmazsa olmazdır.
Lazy Loading (Tembel Yükleme)
Ekranda görünmeyen görseller, videolar ve iframe'ler için lazy loading uygulayın. Tarayıcının native loading lazy attribute'unu kullanın veya Intersection Observer API ile özel çözümler geliştirin. Bu teknik özellikle uzun sayfalarda ilk yükleme süresini büyük ölçüde azaltır ve bant genişliği tasarrufu sağlar.
Önbellek (Caching) Stratejileri
Browser caching ile statik dosyaları (CSS, JS, görseller) kullanıcının tarayıcısında saklayın. Cache-Control ve ETag header'larını doğru yapılandırın. Service Worker ile offline deneyim sunarak tekrar ziyaretlerde anında yükleme sağlayın. Sunucu tarafında Redis veya Varnish gibi cache katmanları kullanarak veritabanı yükünü azaltın.
Görsel Optimizasyonu
WebP ve AVIF formatlarını kullanarak dosya boyutlarını yüzde altmış ila yüzde seksen oranında küçültün. Responsive görseller için picture elementi ve srcset attribute kullanın. Thumbnail görselleri için ayrı küçük boyutlar oluşturun. Otomatik görsel optimizasyonu için Cloudinary veya imgix gibi servisler entegre edin.
JavaScript ve CSS Optimizasyonu
Minification ile dosya boyutlarını küçültün, tree shaking ile kullanılmayan kodu kaldırın. Code splitting ile sadece ihtiyaç duyulan kodu yükleyin. Critical CSS'i inline olarak head'e yerleştirip geri kalanı asenkron yükleyin. Gzip veya Brotli sıkıştırma ile transfer boyutunu minimize edin.
🔧 Hız Test Araçları ve Sürekli İzleme
Web sitenizin performansını düzenli olarak ölçmek ve izlemek, sorunları erken tespit etmek ve çözmek için kritik öneme sahiptir. Farklı araçlar farklı perspektiflerden veri sunar ve hepsini birlikte kullanmak en kapsamlı görünümü sağlar. SEO optimizasyonu hizmetimizde bu araçları düzenli olarak kullanarak sitenizin performansını sürekli izliyoruz.
🔍 Google PageSpeed Insights
Hem lab verileri (simüle edilmiş test) hem de field verileri (gerçek kullanıcı verileri) sunar. Core Web Vitals skorlarınızı gösterir ve spesifik iyileştirme önerileri listeler. Her sayfayı ayrı ayrı test edebilirsiniz.
📊 Google Search Console
Core Web Vitals raporuyla tüm sayfalarınızın performansını toplu olarak gösterir. İyi, iyileştirme gerekli ve kötü olarak sınıflandırır. Gerçek kullanıcı verilerine dayanır ve zaman içindeki trendleri izlemenizi sağlar.
💻 Chrome DevTools
Lighthouse entegrasyonu ile detaylı performans analizi yapabilirsiniz. Performance sekmesinde sayfa yükleme sürecini milisaniye bazında inceleyebilir, hangi kaynağın ne kadar süre aldığını görebilirsiniz.
🌐 GTmetrix ve WebPageTest
Farklı lokasyonlardan ve cihazlardan test yapabilirsiniz. Waterfall (şelale) diyagramı ile her kaynağın yüklenme süresini detaylı olarak analiz edebilir ve darboğazları tespit edebilirsiniz.
"Performans optimizasyonu bir maraton, sprint değildir. Tek seferlik iyileştirmeler yerine sürekli izleme ve iteratif geliştirme yaklaşımı benimseyin. Her yeni özellik ve içerik eklemesinde performans etkisini değerlendirin."
⚡ Web Sitenizin Hızını Artırın
Core Web Vitals skorlarınızı iyileştirmek ve web sitenizin performansını artırmak için profesyonel destek alın. Web yazılım hizmetimizle en baştan performans odaklı siteler geliştiriyoruz. Mevcut sitenizi de optimize edebiliriz. Ücretsiz performans analizi için iletişime geçin.
Sonuç olarak web sitesi hızı ve Core Web Vitals metrikleri 2026 yılında hem kullanıcı deneyimi hem de SEO başarısı için belirleyici faktörlerdir. LCP, INP ve CLS metriklerini sürekli izleyerek ve yukarıda belirtilen optimizasyon tekniklerini uygulayarak sitenizin performansını artırabilirsiniz. Unutmayın her milisaniye önemlidir ve hızlı bir site mutlu kullanıcılar, yüksek dönüşüm oranları ve daha iyi arama motoru sıralamaları demektir. Daha fazla teknik detay için kapsamlı SEO rehberimizi de incelemenizi öneriyoruz.
Önerilen Pillar Okuma
Ajans seçimi ve teklif değerlendirmesi tarafını derinleştirmek için:
KPI Şablonu ve Karar Panosu
Bu başlıkta başarıyı yalnızca trafikle ölçmeyin. Trafik, niyet ve dönüşüm birlikte okunmalıdır. Önerilen panelde en az şu metrikler olmalı: organik tıklama, ilgili sayfa grubu CTR, iç link tıklama oranı, form başlangıcı, MQL, SQL ve kapanışa giden fırsat sayısı.
- Görünürlük: sorgu bazlı gösterim, sıralama ve tıklama eğilimi
- Niyet: doğru sayfaya giriş, içerik içinde ilerleme, iç link geçişi
- Dönüşüm: form etkileşimi, MQL kalitesi, satışa yakın fırsat üretimi
- Kalite: güncelleme ritmi, başlık/meta uyumu, teknik hata trendi
Raporlama disiplininde önemli olan, metrikleri tek tek değil akış olarak okumaktır. Örneğin tıklama artıp SQL düşüyorsa sorun içerik niyeti veya CTA eşleşmesindedir. Tıklama düşüp MQL artıyorsa daha dar ama daha kaliteli trafik üretiyorsunuz demektir.
Uygulamada hızlı aksiyon almak için bu içeriği SEO Optimizasyonu, Vaka Çalışmaları ve İletişim adımlarıyla bağlayın.
