Analitik & Performans Hizmeti

Hiz ve veri, tek platformda.

GA4 entegrasyonundan Core Web Vitals optimizasyonuna, gorsel ve font performansindan bundle analizine kadar sitenizi hem kullanicilar hem arama motorlari icin zirveye tasiyoruz.

98+
Ortalama Lighthouse performans skoru
<2.5s
LCP hedefi (sayfa yuklenme)
%32
1s-3s gecisinde bounce rate artisi
3x
Hizli sitelerde donusum orani farki

Analitik ve performans neden bu kadar onemli?

Google'in arastirmasina gore sayfa yukleme suresi 1 saniyeden 3 saniyeye ciktiginda bounce rate %32 artiyor. 5 saniyeye ciktiginda bu oran %90'a firliyor. Yani yavas bir site, ziyaretcilerinizin buyuk cogunlugunu kaybetmeniz demek. Core Web Vitals ayni zamanda bir Google siralama faktorudur — iyi performans gosteren siteler organik aramalarda avantaj kazanir.

Ancak performansi iyilestirmek icin once dogru olcmeniz gerekir. GA4 ile kullanici davranisini, conversion funnel'i ve trafik kaynaklarini anlamaniz gerekir. Real User Monitoring (RUM) ile gercek kullanicilarin deneyimini olcmeniz gerekir. Lab testleri bir baslangic noktasidir ama gercek dunyayi yansitmaz.

Performans optimizasyonu tek seferlik bir is degildir. Yeni ozellikler eklendikce, icerik buyudukce ve ucuncu parti scriptler arttikca performans geriler. Bu yuzden surekli izleme, olcum ve optimizasyon dongusu sart. Ayrica dogru yapilandirilmis analitik olmadan hangi sayfalarin, kampanyalarin veya icerik turlerinin isinize gercekten deger kattigini bilemezsiniz.

Neler sunuyoruz?

Her detay dusunulmus, her adim planlanmis.

01

GA4 Kurulumu ve Ozel Etkinlikler

Google Analytics 4'un dogru yapilandirilmasi: veri akisi olusturma, enhanced measurement ayarlari, cross-domain tracking, dahili trafik filtreleme ve veri saklama suresi yapilandirmasi. Isletmenize ozel custom event'ler tanimliyoruz: form submit, buton tiklama, video izleme, dosya indirme, scroll derinligi ve e-ticaret etkinlikleri. Conversion hedefleri, kitle segmentleri ve ozel boyutlar (custom dimensions) ile anlamli veri topluyoruz.

02

Core Web Vitals Optimizasyonu

Largest Contentful Paint (LCP) 2.5 saniyenin altina dusurme: server response time, render-blocking resources, gorsel boyutlari ve preload stratejisi. Interaction to Next Paint (INP) 200ms altina dusurme: long task bolme, main thread optimizasyonu, event handler iyilestirme ve input delay azaltma. Cumulative Layout Shift (CLS) 0.1 altina dusurme: gorsel boyut tanimlama, font-display stratejisi, dynamic content rezervasyonu ve animasyon optimizasyonu.

03

Gorsel Optimizasyon

Next.js Image component ile otomatik boyutlandirma, responsive srcset ve lazy loading. WebP ve AVIF formatlarinda otomatik donusum ile dosya boyutunu %60-80 azaltma. Gorsel CDN yapilandirmasi, blur placeholder, priority loading (above-the-fold gorseller) ve art direction icin picture element kullanimi. SVG optimizasyonu, sprite olusturma ve ikon font'tan SVG'ye gecis. Her gorsel icin boyut ve format analizi yapiyoruz.

04

Font Yukleme Stratejisi

Font subsetting ile yalnizca kullanilan karakterlerin yuklenmesi — Turkce karakter seti icin dosya boyutunu %70'e kadar azaltma. font-display: swap ile FOIT (Flash of Invisible Text) onleme. Preload ile kritik fontlarin erken yuklenmesi. Self-hosting ile ucuncu parti font CDN bagimliligini kaldirma. Variable fonts ile birden fazla agirlik ve stili tek dosyada birlestirme. WOFF2 formati ile maksimum sIkIstIrma.

05

JavaScript Bundle Analizi

Webpack Bundle Analyzer veya @next/bundle-analyzer ile bundle boyutu goruntuleme. Gereksiz dependency tespiti ve kaldirma. Code splitting ile rota bazli lazy loading. Dynamic import ile agir kutuphanelerin ihtiyac aninda yuklenmesi. Tree shaking dogrulamasi ile kullanilmayan kodun paketten cikarilmasi. Third-party script audit ile ucuncu parti scriptlerin performans etkisini olcme ve optimize etme.

06

Real User Monitoring (RUM)

Web Vitals kutuphanesi veya ozel RUM cozumu ile gercek kullanicilarin deneyimini olcme. P75 ve P95 metrikleri ile performansin tum kullanicilar icin degerlendirilmesi. Cihaz tipi, baglanti hizi, cografi konum ve tarayici bazli performans kirilimlari. Lab testleri ile gercek dunya arasindaki farki ortaya koyma. CrUX (Chrome User Experience Report) verisi ile Google'in sitenizi nasil gordugunuu anlama.

07

Server ve Caching Stratejisi

CDN yapilandirmasi, cache-control header'lari ve stale-while-revalidate stratejisi. Static asset'ler icin immutable caching, HTML icin uygun revalidation sureleri. Service Worker ile offline-first deneyim. Edge computing ile kullaniciya en yakin noktadan icerik sunma. Brotli sIkIstIrma, HTTP/2 push ve early hints ile network performansini maksimize etme.

08

Performans Butcesi ve Surekli Izleme

Performans butcesi (performance budget) belirleme: maksimum JavaScript boyutu, gorsel agirligi, font boyutu ve toplam sayfa agirligi limitleri. CI/CD pipeline'ina Lighthouse CI entegrasyonu ile her deployment oncesi otomatik performans testi. Performans butcesi asiminda build'in basarisiz olmasi. Haftalik CWV trend raporu ve anomali bildirimi. PageSpeed Insights API ile otomatik izleme.

Neler dahil?

Analitik Altyapisi

  • GA4 kurulumu ve yapilandirmasi
  • Ozel etkinlik tanimlama
  • Donusum hedefi olusturma
  • Cross-domain tracking
  • Kitle segmentasyonu
  • Looker Studio dashboard

Performans Optimizasyonu

  • Core Web Vitals iyilestirme
  • Gorsel format ve boyut optimizasyonu
  • Font subsetting ve preload
  • JS bundle analizi ve splitting
  • CSS critical path optimizasyonu
  • Caching ve CDN yapilandirmasi

Izleme ve Raporlama

  • Real User Monitoring kurulumu
  • Lighthouse CI entegrasyonu
  • Performans butcesi belirleme
  • Haftalik CWV trend raporu
  • Aylik analitik performans raporu
  • Anomali bildirim sistemi

Nasil calisiyoruz?

Tipik proje sureci: Ilk 7 gun denetim ve olcum, 14 gun GA4 yapilandirmasi, 30 gun CWV optimizasyonu, 60 gun tam performans.

01

Performans ve Analitik Denetimi

Mevcut GA4 yapilandirmasini, etkinlik takibini ve donusum hedeflerini inceliyoruz. Lighthouse, WebPageTest ve CrUX verileriyle site performansini olcuyoruz. Gorsel boyutlari, font yukleme surelerini, JS bundle agirligini ve server response time'i analiz ediyoruz. Sonucta onceliklendirilmis aksiyon listesi cikariyoruz.

02

GA4 Yapilandirma ve Etkinlik Tanimlama

GA4 veri akisi dogru sekilde yapilandirilir. Enhanced measurement ayarlari gozden gecirilir. Isletmeye ozel custom event'ler (form submit, CTA tiklama, video goruntulenme vb.) tanimlanir. Conversion hedefleri olusturulur. Kitle segmentleri ve custom dimensions belirlenir. Looker Studio dashboard'u hazilanir.

03

Core Web Vitals Optimizasyonu

LCP iyilestirme: hero gorsel preload, server response time azaltma, render-blocking kaynak eliminasyonu. INP iyilestirme: long task bolme, event handler optimizasyonu, main thread boslugu yaratma. CLS iyilestirme: gorsel ve reklam alanlarina boyut atama, font-display ayarlama, layout shift kaynaklarini ortadan kaldirma.

04

Asset Optimizasyonu

Gorseller WebP/AVIF formatina donusturulur, responsive srcset olusturulur, lazy loading uygulanir. Fontlar subset'lenir, WOFF2 formatina cevrilir, preload ve self-hosting yapilandirilir. JS bundle analiz edilir, gereksiz dependency'ler cikarilir, code splitting ve dynamic import uygulanir. CSS critical path cikartilir, kullanilmayan CSS temizlenir.

05

RUM Kurulumu ve Surekli Izleme

Real User Monitoring altyapisi kurulur. Web Vitals kutuphanesi entegre edilir. CrUX verileri ile lab verileri karsilastirilir. Performans butcesi belirlenir ve CI/CD pipeline'ina Lighthouse CI eklenir. Anomali bildirim sistemi yapilandirilir. Haftalik otomatik performans raporu aktif edilir.

06

Surekli Iyilestirme ve Optimizasyon

Performans tek seferlik bir is degildir. Yeni ozellikler, icerikler ve ucuncu parti scriptler performansi etkiler. Haftalik CWV trend analizi ile regresyonlar erkenden tespit edilir. Aylik performans raporu ile iyilestirme firsatlari belirlenir. GA4 verileri ile kullanici davranisi analiz edilir ve veri odakli kararlar alinir.

Fark nerede?

Megis Analitik & Performans Yaklasimi

  • GA4 + RUM + Lab verileriyle butunsel olcum
  • Core Web Vitals odakli, Google standartlarinda
  • Gorsel, font ve JS ayri ayri optimize edilir
  • CI/CD pipeline'inda otomatik performans testi
  • Gercek kullanici verisine (RUM) dayali kararlar
  • Performans butcesi ile proaktif izleme

Geleneksel Yaklasim

  • Sadece GA4 kurulumu, etkinlikler eksik
  • Lighthouse skoruna bakip birakma
  • Toplu sIkIstIrma ile yuzeysel optimizasyon
  • Deploy sonrasi performans kontrolu yok
  • Lab testine guvenme, gercek veriyi goz ardi etme
  • Sorun olunca mudahale, proaktif izleme yok

Basari hikayeleri

E-Ticaret — Lighthouse 38'den 96'ya, Satis %35 Artis

Sorun: Buyuk bir e-ticaret sitesi mobilde 6+ saniye yukleme suresine sahipti. Lighthouse performans skoru 38'di. Optimize edilmemis gorseller, render-blocking fontlar ve 2.5MB JavaScript bundle sayfayi agirlaStiriyordu. GA4 kurulumu vardi ama ozel etkinlikler tanimlanmamisti, conversion tracking eksikti.
Cozum: Tum gorseller WebP/AVIF formatina donusturuldu ve responsive srcset olusturuldu. Fontlar subset'lendi ve self-hosted WOFF2 olarak yapilandirildi. JS bundle analiz edildi, 800KB gereksiz dependency cikarildi, code splitting uygulandI. GA4'te 25+ ozel etkinlik tanimlandi, e-ticaret enhanced measurement aktif edildi. RUM ile gercek kullanici verisi toplanmaya baslandi.
Sonuc: Lighthouse performans skoru 38'den 96'ya cikti. LCP 5.8 saniyeden 1.9 saniyeye dustu. Mobil bounce rate %58'den %31'e geriledi. Sayfa basina ortalama sure %45 artti. E-ticaret satis geliri ilk 60 gunde %35 yukseldi. GA4 verileriyle en cok gelir getiren kampanya ve urun kategorileri ilk kez net olarak goruldu.

SaaS Dashboard — INP 800ms'den 120ms'ye

Sorun: SaaS platformunun dashboard sayfasi kullanici etkilesimlerinde belirgin sekilde kasiyor. INP 800ms, filtre degistirme ve tablo siralama islemleri saniyeler suruyordu. Kullanicilar sikayetlerini artirmis, churn rate yukselmisti. GA4'te kullanici akisi ve feature kullanim verileri toplanamiyordu.
Cozum: Long task analizi yapildi, tablo rendering'i virtualize edildi (react-window), filtreleme islemleri web worker'a tasindi. Gereksiz re-render'lar memo ve useMemo ile onlendi. 1.2MB'lik chart kutuphanesi lazy load edildi. GA4'te feature kullanim etkinlikleri, sayfa performans metrikleri ve kullanici segmentleri tanimlandi. RUM dashboard'u ile gercek zamanli performans izleme basladi.
Sonuc: INP 800ms'den 120ms'ye dustu. Dashboard yuklenme suresi 4.2 saniyeden 1.1 saniyeye indi. Kullanici memnuniyet skoru %62'den %91'e cikti. Churn rate %18 azaldi. GA4 verileriyle en cok kullanilan ve en az kullanilan ozellikler belirlendi, urun yol haritasi veri odakli sekilde yeniden onceliklendirildi.

Sik sorulan sorular

Sitenizin hizini ve veri altyapisini bugunden iyilestirin.

Ucretsiz analiz ve danismanlik icin iletisime gecin. Projenizi birlikte buyutelim.

Ucretsiz Performans Denetimi Alin