Bu Hizmet Nedir?
Analitik & Performans hizmeti, web sitenizin hizini, kullanici deneyimini ve olculebilirligini zirveye tasiyan kapsamli bir optimizasyon calismaidir. GA4 ozel event takibi, conversion funnel analizi, Core Web Vitals (LCP, INP, CLS) optimizasyonu, gorsel/font/JavaScript optimizasyonu ve sunucu performans iyilestirmelerini icerir.
Hiz, modern web'in en kritik metrgidir. Google arastirmasina gore sayfa yukleme suresi 1 saniyeden 3 saniyeye ciktiginda bounce rate %32, 5 saniyeye ciktiginda %90 artar. Her 100ms'lik hiz iyilestirmesi, e-ticaret sitelerinde donusum oranini %1 arttirir (Deloitte arastirmasi). Core Web Vitals, Google'in siralama faktoru olarak dogrudan kullanilmaktadir.
Bu fazda "olcemeyen optimize edemez" prensibiyle hem performans metriklerini olcum altina aliyor hem de somut iyilestirmeler uyguluyoruz.
Neden Performans Kritik?
- Sayfa yukleme suresi 1sn'den 3sn'ye ciktiginda bounce rate %32 artar (Google)
- Her 100ms hiz iyilestirmesi, donusum oranini %1 arttirir (Deloitte)
- Core Web Vitals, Google siralama faktorudur
- Mobil kullanicilarin %53'u 3 saniyeden uzun yuklenen siteleri terk eder
- Performansli siteler reklam kalite puanini arttirir, CPC'yi dusurur
Detayli Calisma Kapsami
GA4 Custom Events ve Conversion Funnels
GA4'te is hedeflerinize ozel olaylar (events) tanimlayarak kullanici davranislarini granular sekilde takip ediyoruz. Exploration raporlari ile ozel funnel analizleri olusturuyor, kullanicilarin nerede kayboldugunuzu tespit ediyoruz. Path exploration ile kullanici yolculugunu goruntuliyoruz. Cohort analizi ile kullanici segmentlerinin davranislarini zaman icinde izliyoruz.
Core Web Vitals Optimizasyonu
Uc temel metrik uzerinde calisiyoruz:
- LCP (Largest Contentful Paint) < 2.5 saniye: Sayfanin ana iceriginin yuklenme suresi. Hero gorsel optimizasyonu, sunucu yanit suresi, render-blocking kaynaklarin eliminasyonu ile iyilestiirilir.
- INP (Interaction to Next Paint) < 200ms: Kullanicinin etkilesimine verilen yanit suresi. JavaScript optimizasyonu, main thread bloklama azaltma, web worker kullanimi ile iyilestirilir.
- CLS (Cumulative Layout Shift) < 0.1: Gorsel kayma orani. Gorsel boyut tanimlama, font yukleme stratejisi, dinamik icerik alanlari icin alan ayirma ile duzeltilir.
Gorsel Optimizasyonu
Web sitelerinde sayfa boyutunun ortalama %50'sini gorseller olusturur. WebP/AVIF format donusumu, responsive gorseller (srcset ve sizes), lazy loading (ekran disindaki gorsellerin geciktirilmsi), gorsel CDN kullanimi ve gorsel sikiostirma (kayipsiz/kayipli) ile gorsel boyutunu %70-80 azaltiyoruz.
Font Optimizasyonu
Font dosyalari genellikle gereksiz yere buyuktur. Font subsetting (sadece kullanilan karakterleri icerme), WOFF2 format, font-display: swap (metin gorunurlugu onceliklendirme), preload ile kritik fontlarin erken yuklenmesi ve font fallback stratejisi ile font kaynaakli performans sorunlarini ortadan kaldiriyoruz.
JavaScript Optimizasyonu
Bundle analizi ile gereksiz buyuk paketleri tespit ediyoruz. Code splitting ile sayfaya ozel kod yukleme, tree shaking ile kullanilmayan kodun cikarilmasi, dynamic import ile lazy loading ve web worker ile agir hesaplamalarin ana thread'den ayrilmasi uyguluyoruz. Bundle boyutunu ortalama %40 azaltiyoruz.
CDN ve Caching Stratejisi
Statik varliklar (gorseller, CSS, JS) icin CDN yapilandirmasi, tarayici cache politikasi (Cache-Control headerlari), service worker ile offline destek ve sunucu tarafli caching (edge caching) stratejisi olusturuyoruz.
Sik Yapilan Hatalar
- Gorsellere boyut tanimlamamak:
widthveheightattribute'lari olmayan gorseller CLS sorununa neden olur. Tarayici gorselin boyutunu bilemediginden sayfa kayar. - Render-blocking CSS/JS: Critical CSS ayirmadan tum stil dosyasini yuklmek, ilk boyama (First Paint) suresini uzatir. Critical CSS inline edilmeli, gerisi defer/async ile yuklenmelidir.
- Uguncu parti script kaosuyuu: Kontrolsuz eklenen chat widget'lari, analitik araclari ve reklam scriptleri birbirini bloklar. GTM ile yonetilmeli ve onceliklenndirilmelidir.
- Sadece Lighthouse skoruna odaklanmak: Lab verileri (Lighthouse) ile saha verileri (CrUX) farkli olabilir. Gercek kullanici verileri (RUM) ile dogrulama yapilmalidir.
- Font dosyasini optimize etmemek: 500KB'lik bir font dosyasi, LCP'yi tek basina bozabilir. Subset, WOFF2 ve preload zorunludur.
Beklenen Sonuclar ve Metrikler
- LCP 2.5 saniyenin altina duser
- INP 200ms altina optimize edilir
- CLS 0.1 altina duser
- Genel sayfa yukleme hizinda %50 iyilesme
- Bundle boyutunda %40 azalma
Neden Profesyonel Destek Gerekli?
Performans optimizasyonu, darbogazlari tespit etmek icin derin teknik analiz gerektiren cok katmanli bir suerecctir. Gorsel, font, JavaScript, CSS, sunucu yanit suresi ve ucuncu parti scriptler birbirleriyle etkilesir. Bir alandaki iyilestirme, baska bir alanda regresyon yaratabilir. Profesyonel bir ekip, tum bu katmanlari birlikte analiz eder, onceliklendirir ve bir butun olarak optimize eder.