Web sitesi hızı, bir sayfanın ne kadar çabuk yüklendiğini ve kullanıcı etkileşimlerine ne kadar hızlı yanıt verdiğini belirten performans ölçüsüdür; Google bu deneyimi Core Web Vitals adı verilen üç metrikle (LCP, INP, CLS) ölçer ve doğrudan arama sıralamasında bir sinyal olarak kullanır. Kısacası hızlı site, hem daha yüksek Google sıralaması hem de daha fazla dönüşüm demektir; yavaş site ise ziyaretçileri daha ilk saniyelerde kaybettirir. Bu rehberde site hızı optimizasyonunun neden kritik olduğunu, hangi eşikleri hedeflemeniz gerektiğini ve performansı somut olarak nasıl iyileştireceğinizi açıklıyoruz.
Core Web Vitals nedir ve hangi metrikleri içerir?
Core Web Vitals, Google'ın gerçek kullanıcı deneyimini ölçmek için standartlaştırdığı üç temel performans metriğidir. Her biri kullanıcının sayfayla kurduğu ilişkinin farklı bir aşamasını değerlendirir: yükleme, etkileşim ve görsel kararlılık.
- LCP (Largest Contentful Paint) — Yükleme: Sayfadaki en büyük görünür içeriğin (genelde bir görsel veya başlık bloğu) ekrana çizilme süresidir. Kullanıcının "sayfa yüklendi" hissini yakaladığı andır.
- INP (Interaction to Next Paint) — Etkileşim: Kullanıcının tıklama, dokunma veya klavye girişine sayfanın görsel olarak yanıt verme süresidir. Mart 2024'te eski FID metriğinin yerini almıştır ve tüm etkileşimlerin gecikmesini ölçtüğü için daha gerçekçidir.
- CLS (Cumulative Layout Shift) — Görsel kararlılık: Sayfa yüklenirken içeriğin beklenmedik biçimde kaymasını ölçer. Bir butona basmak isterken reklamın kayıp yanlış yere tıklamanıza neden olması, kötü CLS'nin klasik örneğidir.
Core Web Vitals için hangi değerler "iyi" sayılır?
Google, her metrik için üç seviye tanımlar: iyi, iyileştirme gerekiyor ve zayıf. Hedefiniz, sayfa ziyaretlerinin en az %75'inde "iyi" eşiğini yakalamak olmalıdır. Aşağıdaki tablo güncel eşik değerlerini özetliyor.
| Metrik | Ölçtüğü şey | İyi | İyileştirme gerekiyor | Zayıf |
|---|---|---|---|---|
| LCP | En büyük içeriğin yüklenme süresi | ≤ 2,5 sn | 2,5 – 4 sn | > 4 sn |
| INP | Etkileşime yanıt süresi | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS | Beklenmedik düzen kayması | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Bu değerleri kendi sitenizde ölçmek için Google'ın ücretsiz araçları olan PageSpeed Insights ve Search Console'daki Core Web Vitals raporunu kullanabilirsiniz. Laboratuvar testleri (Lighthouse) bir başlangıç noktası verir; ancak asıl önemlisi, gerçek kullanıcı verisidir (CrUX / saha verisi), çünkü sıralama sinyali bu veriye dayanır.
Web sitesi hızı SEO'yu nasıl etkiler?
Google, sayfa deneyimini bir sıralama faktörü olarak açıkça kabul eder ve Core Web Vitals bu deneyimin ölçülebilir çekirdeğidir. Ancak hızın SEO'ya etkisini yalnızca "sıralama sinyali" olarak düşünmek eksik olur. Yavaş bir site, arama sonuçlarında tıklama alsa bile kullanıcıyı sayfa açılmadan geri döndürür; bu yüksek hemen çıkma oranı, Google'a "bu sonuç tatmin edici değil" sinyali gönderir.
Ayrıca hız, Google botunun sitenizi tarama verimliliğini de etkiler. Hızlı yüklenen sayfalar aynı tarama bütçesinde daha fazla indekslenir. Hız tek başına birinci sıraya çıkarmaz; içerik kalitesi ve alaka düzeyi hâlâ baskındır. Ancak eşit güçteki iki site arasında hız, terazinin dengesini belirleyen faktör olur. Teknik performansı, içerik ve yapı optimizasyonuyla birlikte ele almak gerekir; bu bütüncül yaklaşımı SEO uyumlu web sitesi rehberimizde ayrıntılı olarak inceliyoruz.
Site hızı dönüşüm oranını neden doğrudan etkiler?
Kullanıcı davranışı sabırsızdır. Bir sayfa açılırken geçen her saniye, ziyaretçinin siteyi terk etme olasılığını artırır. Özellikle mobilde, yavaş yüklenen bir ürün sayfası veya iletişim formu, satın alma niyetiyle gelen kullanıcıyı bile geri döndürür. Bu, doğrudan gelir kaybıdır.
Etkiyi somutlaştırmak için tipik bir e-ticaret akışını düşünün: kullanıcı arama sonuçlarından ürün sayfanıza tıklar. Sayfa 5 saniyede açılırsa, önemli bir kısmı daha içeriği görmeden ayrılır. Aynı sayfa 2 saniyede açıldığında ise kullanıcı ürünü inceler, sepete ekler ve ödeme adımına ilerler. Hız optimizasyonu, mevcut trafiğinizden daha fazla dönüşüm elde etmenin en maliyet-etkin yollarından biridir; çünkü reklam bütçesini artırmadan huninin her adımındaki sızıntıyı azaltır. E-ticaret ve web projelerinde bu performans odağını nasıl kurduğumuzu web yazılım ve e-ticaret hizmetlerimiz sayfasında görebilirsiniz.
Web sitesi hızı nasıl iyileştirilir?
Site hızı optimizasyonu, tek bir ayara basmakla çözülen bir iş değildir; her metriğin kendine özgü darboğazları vardır. Aşağıda metrik bazında en etkili müdahaleleri sıralıyoruz.
LCP'yi iyileştirmek (daha hızlı yükleme)
- Görselleri optimize edin: Modern formatlar (WebP, AVIF) kullanın, görselleri doğru boyutlarda sunun ve lazy loading uygulayın. Sayfanın en büyük görseli genelde LCP elemanıdır, bu yüzden onu önceliklendirin.
- Sunucu yanıt süresini (TTFB) düşürün: Kaliteli bir hosting, önbellekleme (caching) ve içeriği kullanıcıya coğrafi olarak yakın sunan bir CDN kullanın.
- Kritik kaynakları önden yükleyin: Ana yazı tipi ve hero görseli gibi kritik varlıklar için preload tanımlayın.
INP'yi iyileştirmek (daha hızlı etkileşim)
- JavaScript yükünü azaltın: Gereksiz üçüncü taraf betiklerini (aşırı analitik, sohbet eklentileri, reklam kodları) temizleyin. Ana iş parçacığını (main thread) bloke eden ağır işlemleri parçalayın.
- Kod bölme (code splitting) uygulayın: Kullanıcının o an ihtiyaç duymadığı kodu sonraya erteleyin. Next.js gibi modern çatılar bunu büyük ölçüde otomatikleştirir.
CLS'yi iyileştirmek (görsel kararlılık)
- Görsel ve videolara boyut verin: Her medya elemanına width ve height tanımlayın ki tarayıcı yerini önceden ayırsın.
- Yazı tipi kaymasını önleyin: Font yüklenirken metnin sıçramaması için doğru font-display stratejisini kullanın.
- Dinamik içeriğe yer ayırın: Reklam, banner veya sonradan yüklenen bileşenler için önceden alan rezerve edin.
Hız optimizasyonunda doğru altyapı ne kadar önemli?
Performansın büyük kısmı, sonradan yapılan yamalarla değil, doğru teknoloji seçimiyle kazanılır. Eski, ağır ve eklentiyle şişmiş bir altyapı üzerinde her metriği tek tek kovalamak, kalıcı olmayan bir mücadeledir. Modern bir çatı ile sıfırdan kurulan site, birçok optimizasyonu varsayılan olarak sağlar.
Örneğin Next.js; sunucu tarafında render, otomatik görsel optimizasyonu, kod bölme ve statik üretim gibi özellikleriyle Core Web Vitals eşiklerini yakalamayı çok daha kolay hale getirir. Bu yüzden performans, ayrı bir "sonradan yapılacak iş" değil, mimari kararın parçasıdır.
Mevcut siteniz sürekli yavaşlık sorunları yaşıyor ve her düzeltme yeni bir sorunu tetikliyorsa, çoğu zaman en sağlıklı yol yamalamak yerine modern altyapıya geçmektir. Bir sitenin ne zaman yenilenmesi gerektiğini ve bu sürecin nasıl planlandığını web sitesi yenileme yazımızda detaylandırdık.
Hız optimizasyonu ve modern web projesinin maliyeti nedir?
Site hızı optimizasyonunun maliyeti sabit bir rakam değildir; işin kapsamına göre değişir. Fiyatı belirleyen başlıca faktörler şunlardır:
- Başlangıç durumu: Mevcut sitenizde iyileştirme mi yapılacak, yoksa modern altyapıyla sıfırdan yeniden mi kurulacak?
- Sayfa ve şablon sayısı: Tek bir kurumsal site ile yüzlerce ürün içeren bir e-ticaret platformunun iş yükü farklıdır.
- Entegrasyonlar: Ödeme, kargo, ERP/CRM veya üçüncü taraf servislerin sayısı ve karmaşıklığı performansı ve eforu etkiler.
- Özel tasarım ve içerik hacmi: Görsel yoğunluğu ve özel bileşenler, optimizasyon derinliğini belirler.
Bu nedenle özel projeler için sabit bir liste fiyatı yayınlamıyoruz; her projeye özel, gerçek kapsama dayalı net bir teklif hazırlıyoruz. Bütçenizi netleştirmek için fiyatlandırma ve teklif sayfamızı inceleyebilir veya WhatsApp üzerinden bize sitenizin adresini iletip ücretsiz bir performans değerlendirmesi ve net teklif alabilirsiniz.
Özet: Hız bir lüks değil, temel gereksinimdir
Core Web Vitals, Google'ın kullanıcı deneyimini nesnel olarak ölçme biçimidir ve web sitesi hızı artık isteğe bağlı bir iyileştirme değil, hem SEO hem de dönüşüm için temel bir gerekliliktir. LCP'yi 2,5 saniyenin, INP'yi 200 milisaniyenin ve CLS'yi 0,1'in altında tutmak; görsel optimizasyonu, temiz kod, önbellekleme ve doğru altyapı seçimiyle ulaşılabilir hedeflerdir. Bu metrikleri iyileştiren her adım, hem arama motorlarında daha görünür olmanızı hem de gelen ziyaretçilerin daha fazlasını müşteriye dönüştürmenizi sağlar.