Web sitesi hızı, hem Google sıralamanızı hem de satışlarınızı doğrudan etkileyen bir performans göstergesidir. Yavaş açılan bir site, ziyaretçilerin önemli bölümünü daha içerik görünmeden kaybeder; Google ise sayfa deneyimini Core Web Vitals adı verilen üç metrikle ölçüp sıralama sinyali olarak kullanır. İyi haber şu: çoğu sitede hız sorununun kaynağı birkaç bilinen hatadır ve teknik uzmanlık gerektirmeyen adımlarla büyük iyileşme sağlanabilir.
Bu rehberde Core Web Vitals metriklerini sade bir dille açıklıyor, hızınızı nasıl ölçeceğinizi gösteriyor ve en yüksek etkiden başlayarak hızlandırma adımlarını sıralıyoruz.
Hız Neden Bu Kadar Kritik?
Üç ayrı cephede kaybettirir ya da kazandırır:
- Ziyaretçi davranışı: Yükleme süresi uzadıkça terk oranı katlanarak artar. Mobilde birkaç saniyelik gecikme, potansiyel müşterinin rakibe gitmesi demektir.
- SEO: Sayfa deneyimi Google'ın sıralama sinyallerindendir. Ayrıca yavaş siteler daha az taranır; yeni içerikleriniz dizine geç girer.
- Dönüşüm: Hız ile form doldurma, arama ve satın alma oranları arasında doğrudan ilişki vardır. Aynı trafikle daha çok müşteri, çoğu zaman sadece daha hızlı bir siteyle mümkündür.
Core Web Vitals: Üç Metrik, Sade Anlatım
| Metrik | Neyi Ölçer? | İyi Değer | Günlük Hayat Karşılığı |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Sayfadaki en büyük öğenin (genelde ana görsel/başlık) görünme süresi | ≤ 2,5 sn | "Site ne zaman açıldı?" hissi |
| INP (Interaction to Next Paint) | Tıklama ve dokunmalara sayfanın tepki süresi | ≤ 200 ms | "Butona bastım, tepki verdi mi?" |
| CLS (Cumulative Layout Shift) | Yükleme sırasında öğelerin yer değiştirme miktarı | ≤ 0,1 | "Tam tıklayacakken buton kaydı!" |
Google bu üç değeri gerçek kullanıcı verilerinden toplar. Yani laboratuvar testinde iyi görünmek yetmez; ziyaretçilerinizin gerçek cihazlarındaki deneyim sayılır.
Adım 0: Önce Ölçün
PageSpeed Insights'a (pagespeed.web.dev) sitenizin adresini yazın. Mobil ve masaüstü için ayrı skor, üç metriğin durumu ve önceliklendirilmiş öneri listesi alırsınız. Search Console kullanıyorsanız "Core Web Vitals" raporu, sorunlu sayfa gruplarını gerçek kullanıcı verisiyle gösterir. Hız dahil sitenizin genel sağlık durumunu topluca görmek için ücretsiz Website Sağlık Aracını da kullanabilirsiniz.
En Yüksek Etkili Hızlandırma Adımları
1. Görselleri optimize edin (çoğu sitede en büyük kazanım)
Telefonla çekilip olduğu gibi yüklenen 5 MB'lık fotoğraflar, yavaşlığın bir numaralı sebebidir:
- Görselleri WebP formatına çevirin; aynı kalite, çok daha küçük dosya.
- Görüntüleneceği boyutta yükleyin: 400 piksellik alanda 4000 piksellik fotoğraf taşımayın.
- Lazy loading kullanın: ekran dışındaki görseller, kullanıcı kaydırdıkça yüklensin.
- Ana (hero) görseli ise geciktirmeyin — LCP'yi o belirler.
2. Gereksiz kod ve eklenti yükünden kurtulun
Her eklenti, tema özelliği ve üçüncü taraf script (chat balonu, analitik, piksel, harita) sayfanıza ek yük bindirir. Kullanmadıklarınızı kaldırın; kalanların asenkron yüklenmesini sağlayın. INP sorunlarının başlıca kaynağı, ana iş parçacığını kilitleyen script kalabalığıdır.
3. Önbellekleme (cache) açın
Önbellek, sayfanın hazır kopyasının saklanıp tekrar tekrar üretilmeden sunulmasıdır. Tarayıcı önbelleği ve sunucu tarafı önbellek birlikte kullanıldığında, dönen ziyaretçiler için site neredeyse anında açılır.
4. CDN kullanın
CDN (içerik dağıtım ağı), sitenizin statik dosyalarını dünyadaki ve Türkiye'deki farklı sunuculara kopyalayarak ziyaretçiye en yakın noktadan sunar. Özellikle görselleri ağır siteler ve yurt dışından da ziyaret alan ihracatçı firmalar için fark yaratır.
5. Hosting kalitenizi sorgulayın
Sunucunun ilk yanıt süresi (TTFB) yavaşsa, üstüne ne eklerseniz ekleyin site hızlanmaz. Aşırı doluluk yaşayan ucuz paylaşımlı hostingler bunun tipik sebebidir. PageSpeed'de "sunucu yanıt süresini azaltın" uyarısı görüyorsanız sorun büyük ihtimalle buradadır.
6. Görsel kaymayı (CLS) düzeltin
Görsellere genişlik/yükseklik değeri tanımlayın, reklam ve banner alanlarına sabit yer ayırın, özel yazı tiplerinin yüklenirken metni zıplatmasını engelleyin. CLS düzeltmeleri küçük dokunuşlardır ama kullanıcı deneyimini gözle görülür biçimde iyileştirir.
Not: Wix ve WordPress gibi platformlarda bu optimizasyonların çoğunu eklentilerle ve elle yönetmeniz gerekir; hazır SaaS site kurucularda ise WebP dönüşümü, önbellek ve CDN altyapıda hazır gelir. Platform seçiminin hız üzerindeki etkisini Wix mi WordPress mü karşılaştırmamızda ayrıntılı inceledik.
7. Yazı tiplerini (font) hafifletin
Özel web fontları sessiz birer yük kaynağıdır. Kullandığınız font ailesinden yalnızca ihtiyaç duyduğunuz kalınlıkları yükleyin (Regular ve Bold çoğu siteye yeter), modern WOFF2 formatını tercih edin ve font-display: swap ile fontlar yüklenene kadar sistem yazı tipinin görünmesini sağlayın. Böylece ziyaretçi boş beyaz metin alanına bakmaz, CLS zıplamaları da azalır.
8. Video ve gömülü içerikleri kontrol altına alın
Ana sayfaya otomatik oynayan arka plan videosu koymak, LCP'yi mahvetmenin en garantili yoludur. Video kullanacaksanız kapak görseliyle sunup tıklamayla yükletin. YouTube gömme, harita gömme ve sosyal medya widget'ları da benzer şekilde ağırdır; "facade" tekniğiyle (önce statik önizleme, tıklayınca gerçek embed) yüklenmelerini erteleyin.
Mobil Öncelik: Skorunuza Doğru Yerden Bakın
Google, sitenizi mobil versiyonu üzerinden dizine ekler ve değerlendirir; ziyaretçilerinizin çoğunluğu da zaten telefondan gelir. Bu yüzden PageSpeed testinde bakmanız gereken skor mobil skordur — masaüstünde 95 alıp mobilde 40'ta kalmak yaygın ve aldatıcı bir tablodur. Mobil skoru düşüren tipik sebepler: masaüstü için hazırlanmış dev görsellerin telefona da aynen gönderilmesi, dokunmatik etkileşimi geciktiren script yükü ve mobil ağların gecikmesine dayanıksız sunucular. Testlerinizi ofis Wi-Fi'ında değil, arada bir mobil veriyle de yapın; müşterinizin gerçekliği odur.
Hızın Görünmeyen Getirisi: Reklam Maliyetleriniz
Google Ads kullanıyorsanız hız, reklam bütçenizi de etkiler: açılış sayfası deneyimi, Kalite Puanı'nın üç ana bileşeninden biridir. Yavaş açılan bir açılış sayfası kalite puanını düşürür, düşük kalite puanı aynı konum için daha yüksek tıklama maliyeti demektir. Başka bir deyişle, yavaş site hem organik trafikte hem de ücretli trafikte size çifte fatura keser. Sitesini hızlandıran işletmelerin reklam tarafında tıklama başı maliyetlerinin gerilediğini görmesi bu yüzden şaşırtıcı değildir.
Örnek Senaryo: Tipik Bir KOBİ Sitesi Nasıl Hızlanır?
Somutlaştıralım: Mobilya üreticisi bir firmanın sitesi mobilde 8 saniyede açılıyor ve PageSpeed skoru 35. İnceleme şunu gösteriyor: ürün galerisindeki 40 fotoğrafın her biri 3-6 MB, sayfada üç ayrı chat eklentisi ve iki analitik kodu var, hosting en ucuz paylaşımlı paket. Yapılanlar sırasıyla: tüm görseller WebP'ye çevrilip maksimum 1600 piksele ölçeklendi (sayfa ağırlığı 60 MB'tan 4 MB'a düştü), kullanılmayan iki chat eklentisi silindi, lazy loading açıldı ve site önbellek + CDN'i hazır gelen bir altyapıya taşındı. Sonuç: mobil skor 35'ten 85'e, açılış süresi 8 saniyeden 2 saniyenin altına indi — ve teklif formu doldurma oranı gözle görülür biçimde arttı. Buradaki hiçbir adım yazılım mühendisliği gerektirmiyor; sistemli bir kontrol listesi yetiyor.
Hız ve GEO: Yapay Zekâ Botları da Sabırsız
Az bilinen bir gerçek: yalnızca insanlar değil, yapay zekâ tarayıcıları da yavaş sitelerde zorlanır. Cevap üretirken web'i gezen AI botları, geç yanıt veren veya karmaşık şekilde yüklenen sayfaları eksik okuyabilir ya da atlayabilir. Hızlı, temiz ve semantik HTML ile sunulan içerik, hem Google hem de yapay zekâ görünürlüğü (GEO) için ortak zemindir. Hızlandırma yatırımınız iki kanala birden çalışır.
Laboratuvar Verisi ve Saha Verisi Farkı
PageSpeed raporunda iki ayrı bölüm görürsünüz ve ikisi bazen çelişir. Laboratuvar verisi (Lighthouse skoru), sayfanızın standart bir test cihazında, kontrollü koşullarda anlık ölçümüdür — teşhis için mükemmeldir, çünkü hangi kaynağın ne kadar yavaşlattığını satır satır gösterir. Saha verisi (Chrome Kullanıcı Deneyimi Raporu) ise gerçek ziyaretçilerinizin son 28 gündeki gerçek deneyimidir — Google'ın sıralamada dikkate aldığı veri budur. Laboratuvarda 90 alıp sahada "iyileştirme gerekiyor" görmeniz mümkündür; bu genellikle ziyaretçi kitlenizin eski cihazlar veya zayıf mobil bağlantılar kullandığını gösterir. Doğru okuma şudur: sahayı hedef, laboratuvarı pusula olarak kullanın.
Hız Kontrol Listesi
- PageSpeed Insights'ta mobil skoru ölçtüm
- Tüm görseller WebP ve doğru boyutta
- Ekran dışı görsellerde lazy loading açık
- Kullanılmayan eklenti/script kalmadı
- Önbellek ve CDN aktif
- Sunucu yanıt süresi makul (TTFB uyarısı yok)
- Görsel ve banner alanlarında boyut tanımlı (CLS ≤ 0,1)
- Üç ayda bir yeniden ölçüm takvime bağlandı
Sonuç: Hız Bir Özellik Değil, Zemindir
İçeriğiniz ne kadar iyi olursa olsun, yavaş bir site üzerinde değer üretemez. Görsel optimizasyonu, sade kod, önbellek ve sağlam altyapı dörtlüsü, hem ziyaretçilerinize hem Google'a hem de yapay zekâ botlarına aynı mesajı verir: bu site ciddiye alınır. Sitenizin mevcut hız ve sağlık durumunu ücretsiz araçla ölçebilir; hız, SEO ve GEO'nun altyapıda hazır geldiği bir platforma geçmeyi düşünüyorsanız ComSuite Web Sitesi Kurucu'yu inceleyebilirsiniz.
