Analitik & Performans Hizmeti

Hız ve veri, tek platformda.

GA4 entegrasyonundan Core Web Vitals optimizasyonuna, görsel ve font performansından bundle analizine kadar sitenizi hem kullanıcılar hem arama motorları için zirveye taşıyoruz.

98+
Ortalama Lighthouse performans skoru
<2.5s
LCP hedefi (sayfa yüklenme)
%32
1s-3s geçişinde bounce rate artışı
3x
Hızlı sitelerde dönüşüm oranı farkı

Analitik ve performans neden bu kadar önemli?

Google'in araştırmasına göre sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında bounce rate %32 artıyor. 5 saniyeye çıktığında bu oran %90'a fırlıyor. Yani yavaş bir site, ziyaretçilerinizin büyük çoğunluğunu kaybetmeniz demek. Core Web Vitals aynı zamanda bir Google sıralama faktörüdür: iyi performans gösteren siteler organik aramalarda avantaj kazanır.

Ancak performansı iyileştirmek için önce doğru ölçmeniz gerekir. GA4 ile kullanıcı davranışını, conversion funnel'i ve trafik kaynaklarını anlamanız gerekir. Real User Monitoring (RUM) ile gerçek kullanıcıların deneyimini ölçmeniz gerekir. Lab testleri bir başlangıç noktasıdır ama gerçek dünyayı yansıtmaz.

Performans optimizasyonu tek seferlik bir iş değildir. Yeni özellikler eklendikçe, içerik büyüdükçe ve üçüncü parti scriptler arttıkça performans geriler. Bu yüzden sürekli izleme, ölçüm ve optimizasyon döngüsü şart. Ayrıca doğru yapılandırılmış analitik olmadan hangi sayfaların, kampanyaların veya içerik türlerinin işinize gerçekten değer kattığını bilemezsiniz.

Neler sunuyoruz?

Her detay düşünülmüş, her adım planlanmış.

01

GA4 Kurulumu ve Özel Etkinlikler

Google Analytics 4'ün doğru yapılandırılması: veri akışı oluşturma, enhanced measurement ayarları, cross-domain tracking, dahili trafik filtreleme ve veri saklama süresi yapılandırması. İşletmenize özel custom event'ler tanımlıyoruz: form submit, buton tıklama, video izleme, dosya indirme, scroll derinliği ve e-ticaret etkinlikleri. Conversion hedefleri, kitle segmentleri ve özel boyutlar (custom dimensions) ile anlamlı veri topluyoruz.

02

Core Web Vitals Optimizasyonu

Largest Contentful Paint (LCP) 2.5 saniyenin altına düşürme: server response time, render-blocking resources, görsel boyutları ve preload stratejisi. Interaction to Next Paint (INP) 200ms altına düşürme: long task bölme, main thread optimizasyonu, event handler iyileştirme ve input delay azaltma. Cumulative Layout Shift (CLS) 0.1 altına düşürme: görsel boyut tanımlama, font-display stratejisi, dynamic content rezervasyonu ve animasyon optimizasyonu.

03

Görsel Optimizasyon

Next.js Image component ile otomatik boyutlandırma, responsive srcset ve lazy loading. WebP ve AVIF formatlarında otomatik dönüşüm ile dosya boyutunu %60-80 azaltma. Görsel CDN yapılandırması, blur placeholder, priority loading (above-the-fold görseller) ve art direction için picture element kullanımı. SVG optimizasyonu, sprite oluşturma ve ikon font'tan SVG'ye geçiş. Her görsel için boyut ve format analizi yapıyoruz.

04

Font Yükleme Stratejisi

Font subsetting ile yalnızca kullanılan karakterlerin yüklenmesi: Türkçe karakter seti için dosya boyutunu %70'e kadar azaltma. font-display: swap ile FOIT (Flash of Invisible Text) önleme. Preload ile kritik fontların erken yüklenmesi. Self-hosting ile üçüncü parti font CDN bağımlılığını kaldırma. Variable fonts ile birden fazla ağırlık ve stili tek dosyada birleştirme. WOFF2 formatı ile maksimum sıkıştırma.

05

JavaScript Bundle Analizi

Webpack Bundle Analyzer veya @next/bundle-analyzer ile bundle boyutu görüntüleme. Gereksiz dependency tespiti ve kaldırma. Code splitting ile rota bazlı lazy loading. Dynamic import ile ağır kütüphanelerin ihtiyaç anında yüklenmesi. Tree shaking doğrulaması ile kullanılmayan kodun paketten çıkarılması. Third-party script audit ile üçüncü parti scriptlerin performans etkisini ölçme ve optimize etme.

06

Real User Monitoring (RUM)

Web Vitals kütüphanesi veya özel RUM çözümü ile gerçek kullanıcıların deneyimini ölçme. P75 ve P95 metrikleri ile performansın tüm kullanıcılar için değerlendirilmesi. Cihaz tipi, bağlantı hızı, coğrafi konum ve tarayıcı bazlı performans kırılımları. Lab testleri ile gerçek dünya arasındaki farkı ortaya koyma. CrUX (Chrome User Experience Report) verisi ile Google'in sitenizi nasıl gördüğünü anlama.

07

Server ve Caching Stratejisi

CDN yapılandırması, cache-control header'ları ve stale-while-revalidate stratejisi. Static asset'ler için immutable caching, HTML için uygun revalidation süreleri. Service Worker ile offline-first deneyim. Edge computing ile kullanıcıya en yakın noktadan içerik sunma. Brotli sıkıştırma, HTTP/2 push ve early hints ile network performansını maksimize etme.

08

Performans Bütçesi ve Sürekli İzleme

Performans bütçesi (performance budget) belirleme: maksimum JavaScript boyutu, görsel ağırlığı, font boyutu ve toplam sayfa ağırlığı limitleri. CI/CD pipeline'ına Lighthouse CI entegrasyonu ile her deployment öncesi otomatik performans testi. Performans bütçesi aşımında build'in başarısız olması. Haftalık CWV trend raporu ve anomali bildirimi. PageSpeed Insights API ile otomatik izleme.

Neler dahil?

Analitik Altyapısı

  • GA4 kurulumu ve yapılandırması
  • Özel etkinlik tanımlama
  • Dönüşüm hedefi oluşturma
  • Cross-domain tracking
  • Kitle segmentasyonu
  • Looker Studio dashboard

Performans Optimizasyonu

  • Core Web Vitals iyileştirme
  • Görsel format ve boyut optimizasyonu
  • Font subsetting ve preload
  • JS bundle analizi ve splitting
  • CSS critical path optimizasyonu
  • Caching ve CDN yapılandırması

İzleme ve Raporlama

  • Real User Monitoring kurulumu
  • Lighthouse CI entegrasyonu
  • Performans bütçesi belirleme
  • Haftalık CWV trend raporu
  • Aylık analitik performans raporu
  • Anomali bildirim sistemi

Nasıl çalışıyoruz?

Tipik proje süreci: İlk 7 gün denetim ve ölçüm, 14 gün GA4 yapılandırması, 30 gün CWV optimizasyonu, 60 gün tam performans.

01

Performans ve Analitik Denetimi

Mevcut GA4 yapılandırmasını, etkinlik takibini ve dönüşüm hedeflerini inceliyoruz. Lighthouse, WebPageTest ve CrUX verileriyle site performansını ölçüyoruz. Görsel boyutları, font yükleme sürelerini, JS bundle ağırlığını ve server response time'i analiz ediyoruz. Sonuçta önceliklendirilmiş aksiyon listesi çıkarıyoruz.

02

GA4 Yapılandırma ve Etkinlik Tanımlama

GA4 veri akışı doğru şekilde yapılandırılır. Enhanced measurement ayarları gözden geçirilir. İşletmeye özel custom event'ler (form submit, CTA tıklama, video görüntülenme vb.) tanımlanır. Conversion hedefleri oluşturulur. Kitle segmentleri ve custom dimensions belirlenir. Looker Studio dashboard'u hazırlanır.

03

Core Web Vitals Optimizasyonu

LCP iyileştirme: hero görsel preload, server response time azaltma, render-blocking kaynak eliminasyonu. INP iyileştirme: long task bölme, event handler optimizasyonu, main thread boşluğu yaratma. CLS iyileştirme: görsel ve reklam alanlarına boyut atama, font-display ayarlama, layout shift kaynaklarını ortadan kaldırma.

04

Asset Optimizasyonu

Görseller WebP/AVIF formatına dönüştürülür, responsive srcset oluşturulur, lazy loading uygulanır. Fontlar subset'lenir, WOFF2 formatına çevrilir, preload ve self-hosting yapılandırılır. JS bundle analiz edilir, gereksiz dependency'ler çıkarılır, code splitting ve dynamic import uygulanır. CSS critical path çıkartılır, kullanılmayan CSS temizlenir.

05

RUM Kurulumu ve Sürekli İzleme

Real User Monitoring altyapısı kurulur. Web Vitals kütüphanesi entegre edilir. CrUX verileri ile lab verileri karşılaştırılır. Performans bütçesi belirlenir ve CI/CD pipeline'ına Lighthouse CI eklenir. Anomali bildirim sistemi yapılandırılır. Haftalık otomatik performans raporu aktif edilir.

06

Sürekli İyileştirme ve Optimizasyon

Performans tek seferlik bir iş değildir. Yeni özellikler, içerikler ve üçüncü parti scriptler performansı etkiler. Haftalık CWV trend analizi ile regresyonlar erkenden tespit edilir. Aylık performans raporu ile iyileştirme fırsatları belirlenir. GA4 verileri ile kullanıcı davranışı analiz edilir ve veri odaklı kararlar alınır.

Fark nerede?

Megis Analitik & Performans Yaklaşımı

  • GA4 + RUM + Lab verileriyle bütünsel ölçüm
  • Core Web Vitals odaklı, Google standartlarında
  • Görsel, font ve JS ayrı ayrı optimize edilir
  • CI/CD pipeline'ında otomatik performans testi
  • Gerçek kullanıcı verisine (RUM) dayalı kararlar
  • Performans bütçesi ile proaktif izleme

Geleneksel Yaklaşım

  • Sadece GA4 kurulumu, etkinlikler eksik
  • Lighthouse skoruna bakıp bırakma
  • Toplu sıkıştırma ile yüzeysel optimizasyon
  • Deploy sonrası performans kontrolü yok
  • Lab testine güvenme, gerçek veriyi göz ardı etme
  • Sorun olunca müdahale, proaktif izleme yok

Başarı hikayeleri

E-Ticaret: Lighthouse 38'den 96'ya, Satış %35 Artış

Sorun: Büyük bir e-ticaret sitesi mobilde 6+ saniye yükleme süresine sahipti. Lighthouse performans skoru 38'di. Optimize edilmemiş görseller, render-blocking fontlar ve 2.5MB JavaScript bundle sayfayı ağırlaştırıyordu. GA4 kurulumu vardı ama özel etkinlikler tanımlanmamıştı, conversion tracking eksikti.
Çözüm: Tüm görseller WebP/AVIF formatına dönüştürüldü ve responsive srcset oluşturuldu. Fontlar subset'lendi ve self-hosted WOFF2 olarak yapılandırıldı. JS bundle analiz edildi, 800KB gereksiz dependency çıkarıldı, code splitting uygulandı. GA4'te 25+ özel etkinlik tanımlandı, e-ticaret enhanced measurement aktif edildi. RUM ile gerçek kullanıcı verisi toplanmaya başlandı.
Sonuç: Lighthouse performans skoru 38'den 96'ya çıktı. LCP 5.8 saniyeden 1.9 saniyeye düştü. Mobil bounce rate %58'den %31'e geriledi. Sayfa başına ortalama süre %45 arttı. E-ticaret satış geliri ilk 60 günde %35 yükseldi. GA4 verileriyle en çok gelir getiren kampanya ve ürün kategorileri ilk kez net olarak görüldü.

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

Sorun: SaaS platformunun dashboard sayfası kullanıcı etkileşimlerinde belirgin şekilde kasıyor. INP 800ms, filtre değiştirme ve tablo sıralama işlemleri saniyeler sürüyordu. Kullanıcılar şikayetlerini artırmış, churn rate yükselmişti. GA4'te kullanıcı akışı ve feature kullanım verileri toplanamıyordu.
Çözüm: Long task analizi yapıldı, tablo rendering'i virtualize edildi (react-window), filtreleme işlemleri web worker'a taşındı. Gereksiz re-render'lar memo ve useMemo ile önlendi. 1.2MB'lik chart kütüphanesi lazy load edildi. GA4'te feature kullanım etkinlikleri, sayfa performans metrikleri ve kullanıcı segmentleri tanımlandı. RUM dashboard'u ile gerçek zamanlı performans izleme başladı.
Sonuç: INP 800ms'den 120ms'ye düştü. Dashboard yüklenme süresi 4.2 saniyeden 1.1 saniyeye indi. Kullanıcı memnuniyet skoru %62'den %91'e çıktı. Churn rate %18 azaldı. GA4 verileriyle en çok kullanılan ve en az kullanılan özellikler belirlendi, ürün yol haritası veri odaklı şekilde yeniden önceliklendirildi.

Sık sorulan sorular

Sitenizin hızını ve veri altyapısını bugünden iyileştirin.

Ücretsiz analiz ve danışmanlık için iletişime geçin. Projenizi birlikte büyütelim.

Ücretsiz Performans Denetimi Alın