Web Sitesi Hizi Neden Bu Kadar Onemli? Core Web Vitals Rehberi

Web siteniz 3 saniyeden fazla yukleniyorsa, ziyaretcilerinizin yaklasik %53'u sayfayi terk ediyor. Bu sadece bir istatistik degil — potansiyel musterilerinizin yarisiniu kaybetmek demek. Sayfa hizi artik sadece teknik bir konu degil, dogrudan gelirinizi etkileyen bir is metrigi.

Sayfa Hizinin Donusum Oranlarina Etkisi

Arastirmalar net bir tablo ortaya koyuyor:

• Sayfa yukleme suresi 1 saniyeden 3 saniyeye ciktiginda terk etme orani %32 artiyor
• 1 saniyeden 5 saniyeye ciktiginda bu oran %90'a yükseliyor
• Sayfa hizinda 0.1 saniyelik bir iyilesme bile donusum oranlarinda %8'e varan artis saglayabiliyor

E-ticaret siteleri icin bu rakamlar dogrudan gelir kaybi anlamina gelir. Aylik 100.000 TL ciro yapan bir e-ticaret sitesinde, 1 saniyelik hiz iyilestirmesi ayda 7.000-10.000 TL ek gelir demek olabilir.

Core Web Vitals Nedir?

Google, 2021'den bu yana sayfa deneyimini Core Web Vitals adiyla olctugu uc temel metrikle degerlendiriyor. Bu metrikler arama siralama faktorleri arasinda:

LCP (Largest Contentful Paint) — Yukleme Performansi

Sayfanin en buyuk icerik ogesinin (genellikle bir gorsel veya baslik) gorunur hale gelmesi icin gecen sure.

• Iyi: 2.5 saniye ve alti
• Iyilestirme gerekli: 2.5 - 4 saniye
• Kotu: 4 saniye uzeri

Nasil iyilestirilir:

• Gorselleri WebP veya AVIF formatina donusturun
• Kritik CSS'i inline olarak ekleyin
• Server response time'i azaltin (iyi bir hosting secin)
• Lazy loading kullanin (ilk gorunumde olmayan gorseller icin)

INP (Interaction to Next Paint) — Etkilesim Hizi

Kullanicinin bir butona tikladiginda veya bir form doldurdugunda sayfanin ne kadar hizli tepki verdigini olcer.

• Iyi: 200 milisaniye ve alti
• Iyilestirme gerekli: 200 - 500 milisaniye
• Kotu: 500 milisaniye uzeri

Nasil iyilestirilir:

• Agir JavaScript islemlerini parcalara bolerek calistirin
• Uzun sureli islemleri web worker'lara tasyin
• Gereksiz ucuncu parti scriptleri kaldirin
• Event handler'lari optimize edin

CLS (Cumulative Layout Shift) — Gorsel Kararlilik

Sayfa yuklenirken iceriklerin beklenmedik sekilde kaymasini olcer. Bir butona tiklayacakken sayfanin kayip baska yere tiklamaniza neden olan o sinir bozucu deneyim.

• Iyi: 0.1 ve alti
• Iyilestirme gerekli: 0.1 - 0.25
• Kotu: 0.25 uzeri

Nasil iyilestirilir:

• Gorsel ve videolara her zaman genislik ve yukseklik degeri tanimlatin
• Reklam alanlari icin onceden yer ayirin
• Web fontlari icin font-display: swap kullanin ve onceden yukleyin
• Dinamik icerikleri sayfa uzerine animasyonla ekleyin, aniden sokmayin

Pratik Hiz Optimizasyon Kontrol Listesi

Asagidaki maddeleri siraiyla uygulayarak web sitenizin hizinda ciddi iyilesme saglayabilirsiniz:

Gorsel Optimizasyonu

• Tum gorselleri WebP formatina donusturun (JPEG'e gore %25-35 daha kucuk)
• Responsive gorseller kullanin (srcset ile farkli ekran boyutlarina farkli gorsel)
• Lazy loading uygulayin
• CDN (Content Delivery Network) kullanin

Kod Optimizasyonu

• CSS ve JavaScript dosyalarini minify edin
• Kullanilmayan CSS'i temizleyin (PurgeCSS gibi araclarla)
• JavaScript bundle'larini code splitting ile parcalayin
• Critical rendering path'i optimize edin

Sunucu Tarafli Optimizasyon

• HTTP/2 veya HTTP/3 protokolunu aktif edin
• Gzip veya Brotli sikistirma kullanin
• Browser caching kurallarini dogru ayarlayin
• Turkiye'de hedef kitleniz varsa, Turkiye lokasyonlu veya yakin CDN edge sunucusu kullanin

Ucuncu Parti Scriptler

• Google Analytics, Facebook Pixel, canlı sohbet gibi scriptleri asenkron yukleyin
• Kullanmadigniz scriptleri kaldirin
• Tag Manager kullanarak scriptleri merkezden yonetin

Hiz Olcum Araclari

Web sitenizin mevcut durumunu olcmek icin su araclari kullanin:

• Google PageSpeed Insights: Core Web Vitals skorlarinizi gosterir, iyilestirme onerileri sunar
• GTmetrix: Detayli yukleme suresi analizi ve waterfall gorunumu
• Chrome DevTools Lighthouse: Tarayicinizdan dogrudan test
• Google Search Console: Gercek kullanici verilerine dayali Core Web Vitals raporu

Olcum yaparken hem mobil hem masaustu sonuclarini kontrol edin. Google, mobil oncelikli indeksleme kullandigi icin mobil sonuclar daha kritiktir.

Sonuc

Web sitesi hizi, kullanici deneyimi, donusum orani ve SEO performansini dogrudan etkileyen bir faktordur. Core Web Vitals metriklerini duzenli olarak takip etmek ve optimize etmek, dijital varliginizin sagligi icin zorunludur. Profesyonel hiz optimizasyonu ve performans analizi icin bizimle iletisime gecin.