Bağlam
1 ms önemli — Lighthouse, SEO, dönüşüm zinciri
Çerez banner'ı küçük gibi görünür ama sayfanın ilk yüklenme anına eklenir. Kötü tasarlanmış bir banner Lighthouse Performance puanını ciddi biçimde aşağı çekebilir.
Google'ın Core Web Vitals metrikleri SEO tarafında önemli. Performans skoru düşükse organik trafik de etkilenebilir. Yani KVKK için kurduğun banner, kötü çalışırsa SEO'ya da dokunabilir.
Aynı şey dönüşüm için de geçerli. E-ticaret'te ek gecikmeler kullanıcıyı yavaşlatır; özellikle mobilde sepet ve ödeme adımlarında hissedilir. Banner kodu 300-500ms ek bekleme getiriyorsa bunu ölçebilirsin.
Ölçüm
Hangi metrikleri ölçmen gerek?
Çerez banner'ının hızını anlamak için 4 metriğe bakman yeterli. Hepsini Chrome DevTools veya pagespeed.web.dev üzerinden ücretsiz ölçebilirsin.
- 1Toplam dosya boyutu (banner kodu + CSS): ne kadar küçükse o kadar iyi. Bazı ürünler gereksiz büyük paketler yükleyebiliyor.
- 2İstek sayısı: idealde az olmalı. Bazı ürünler iframe ve ek dosyalarla 4-5 ayrı istek açıyor.
- 3FCP / LCP üzerindeki etkisi: hedef <50ms. Async yüklenmiyor ya da render-blocking olan banner ürünleri 200ms+ ekliyor.
- 4CLS üzerindeki etkisi: hedef 0. Banner sayfa içeriğini iterek açılıyorsa CLS yükseliyor — kötü UX, kötü SEO.
Sebep
Bazı banner ürünleri neden ağır?
Hafif bir banner aslında basit bir iş yapar: ekrana gelir, rıza alır, kararı saklar, gerekli analiz araçlarına bildirir. Ama çoğu ürün bu temel işin üstüne birçok ek özellik koyup hepsini ana koda ekliyor. Gereksiz parçaları ayıklamıyorlar; kullansan da kullanmasan da her şey yükleniyor.
- Çoklu dil paketi tek dosyada. Sadece Türkçe sitende bile 12 dilin tüm metinleri yükleniyor.
- Araç listesi tek dosyada. Yüzlerce analiz ve reklam aracının bilgisi, kullansan da kullanmasan da geliyor.
- A/B test altyapısı içeride. Ürün kendi banner'ı üzerinde test çalıştırmak için ek kod getiriyor; sen kullanmıyorsan bile yükleniyor.
- jQuery / lodash gibi büyük bağımlılıklar. Eski ürünler hala bunları taşıyor, kendi başına 80+ KB.
- Sayfayı bekleten yükleme. Kod eşzamanlı eklenirse sayfa açılışı banner inene kadar bekliyor.
Bizim yaklaşım
Veribenim'in script'i nasıl çalışıyor?
Başından beri 'banner kendi işini yapsın, siteyi yormasın' diye yazıldı. Toplam yüklenen kod küçük tutuldu ve sıkıştırılmış geliyor.
- Banner script'i async — sayfa render'ını bloklamıyor.
- Sadece gereken dili yüklüyor; Türkçe siten varsa gereksiz İngilizce metinleri taşımıyor.
- Cloudflare edge cache — kullanıcıya en yakın sunucudan geliyor (TR'de İstanbul edge'i, ortalama 1ms response).
- Sıkıştırılmış geliyor; tarayıcıya inen boyut düşük kalıyor.
- Tek HTTP isteğiyle geliyor; iframe yok, ek CSS dosyası yok.
- DevTools Network sekmesinde gerçek rakamlarını görebiliyorsun — söylediğimi ölçüyorsun.
Karşılaştırma
Sektör ortalaması vs hafif yaklaşım
Yaklaşık değerler — ürünler güncellendikçe değişiyor. Kendi banner'ını ölçüp gerçek rakamı doğrulayabilirsin.
Yaklaşık karşılaştırma — Nisan 2026
| Kriter | Sektör ortalaması Tipik ürün | Hafif ürünler Orta seviye | VeribenimBizim |
|---|---|---|---|
| Toplam JS (ham) | 400-800 KB | 150-300 KB | ~150 KB |
| Wire boyutu (Brotli) | 80-200 KB | 40-80 KB | 30-40 KB |
| HTTP request sayısı | 3-7 | 2-3 | 1 |
| FCP'ye ek (mobil) | +200-400ms | +50-150ms | <50ms |
| LCP'ye ek (mobil) | +100-300ms | +30-100ms | <30ms |
| CLS etkisi | 0.05-0.20 | 0-0.05 | 0 |
| Lighthouse Perf düşüşü | 15-30 puan | 3-10 puan | <2 puan |
| Async yükleme | değişken | ||
| Tree-shake (dile göre) |
Test
Kendi banner'ının ağırlığını 2 dakikada ölç
- 1pagespeed.web.dev aç, sitenin URL'sini gir, "Mobile" sekmesinde test çek. Lighthouse Performance puanını not et.
- 2Banner'ı geçici devre dışı bırak (panelden "duraklat" veya kodu kısa süreliğine yorum satırına al).
- 3pagespeed.web.dev ile aynı sayfayı tekrar test çek. Performance puanı ne kadar yükseldi?
- 4Aradaki fark = banner'ın net etkisi. 2-3 puan civarı normal. 10+ puan ise banner ağır.
Aksiyon
Ne yapmalı?
- Banner'ın 10+ Lighthouse puan düşürüyorsa: değiştirmeyi düşün. Kalıcı SEO/dönüşüm cezası.
- 2-5 puan civarındaysa: banner'ı async yüklediğinden ve tree-shake yapıldığından emin ol. Ürünün ayar paneline bak.
- Lighthouse Performance puanını sürekli izle: Search Console'da Core Web Vitals raporu var, ücretsiz. SEO açısından önemli.
- Veribenim'e geçişi düşünüyorsan: Hesap aç (ücretsiz), preview modunda sitende kur, pagespeed.web.dev ile karşılaştır. Memnun kalmazsan publish'e basma — vakit kaybetmezsin.