E-Ticaret Sitesini Kampanya Dönemine Hazırlama: Görsel Perspektifinden
Kara Cuma, Sevgililer Günü veya siteye özgü yıldönümü kampanyaları - bu dönemlerin ortak özelliği trafik hacminin kısa sürede birkaç katına çıkmasıdır. Görsel altyapısı bu yüke hazır olmayan siteler sayfa hızıyla mücadele ederken kampanya trafiğinin büyük bölümünü boşa harcar. Hazırlık, kampanya açılış günü değil en az iki hafta öncesinde başlamalıdır.
Görsel tarafta yapılacaklar genellikle iki gruba ayrılır: bir kez yapılıp bırakılanlar (sıkıştırma, format dönüşümü, responsive boyutlar) ve kampanya döneminde aktif yönetim gerektiren işler (CDN önbelleği, banner rotasyonu, geçici görsellerin geri alınması). İkinci grubu planlamadan birinci grubu tamamlamak yetersiz kalabilir; iyi sıkıştırılmış bir görsel, yanlış önbellek politikasıyla geç teslim edildiğinde kazanımını yitirir.
Aşağıdaki maddeler yoğun trafik dönemine girerken görsel altyapınızda kontrol etmeniz gereken alanları kapsar. Sıralama önceliğe göredir: üstteki maddeler kampanya başlamadan önce tamamlanmalı, son maddeler süreç boyunca takip edilmelidir.
CDN kapasitesi ve bant genişliği: kampanya öncesi değerlendirme
Normal dönemde tatmin edici performans sergileyen CDN planları, aniden gelen yük altında hız kısıtlamasına (throttling) uğrayabilir. CDN sağlayıcınızın kota limitlerini, burst kapasitesini ve kotayı aşınca ne yaptığını önceden anlayın: yavaşlatma mı uygular, bağlantıyı mı keser, ekstra faturalandırmaya mı geçer? Bu üç seçeneğin kampanya dönemindeki etkisi birbirinden çok farklıdır.
Geçmiş kampanya dönemlerine ait trafik logları varsa bunları inceleyin. Günün hangi saatinde en fazla bant genişliği harcandığı, hangi görsel boyutunun en çok istek aldığı ve hangi sayfaların görsel yükleme darboğazı yaşadığı bu loglardan okunabilir. Log yoksa CDN kontrol panelinizdeki trafik grafiklerini kampanya başlamadan bir hafta önce gözden geçirin; normal günlük pik değerleri aklınızda olsun.
Bazı CDN planları coğrafi dağılımı kısıtlar. Türkiye'yi kapsayan PoP (Point of Presence) sayısı sağlayıcıdan sağlayıcıya önemli ölçüde değişir. Trafiğiniz ağırlıklı olarak belirli bir bölgeden veya mobil ağlardan geliyorsa CDN'inizin o coğrafyada yeterli kapasitesi olup olmadığını doğrulayın. Bunu sağlayıcının destek kanalı ya da kontrol paneli üzerinden öğrenebilirsiniz; ek araç gerekmez.
Kapasiteyi artırmak her zaman mümkün olmayabilir; plan yükseltmesi süre gerektirir. Yeterli kapasiteden emin değilseniz görsel kalite ayarlarını hafifçe kısmak - büyük fotoğrafları kampanya döneminde biraz daha düşük kalitede sunmak - bir telafi yöntemi olabilir. Kusursuz kalite mi, yoksa erişilebilir yükleme mi: kampanya döneminde ikincisi önce gelir.
Önbellek sürelerini kampanya dönemine göre düzenlemek
Görsel önbellekleme için tipik Cache-Control değeri uzun tutulur: max-age=31536000 (bir yıl), ürün görselleri için yaygın bir yaklaşımdır. Kampanya döneminde ise bazı görseller sık değişir; bir banner belirli saatlerde farklı bir promosyon mesajı taşır, sayaç görseli güncellenir, stok bittiğinde farklı bir kapak görseli devreye girer. Bu görseller için uzun önbellek süresi, kullanıcının güncellenmiş versiyonu değil eski versiyonu görmesi anlamına gelir.
Geçici banner görselleri için önbellek süresini kısaltın. max-age=3600 (bir saat) veya max-age=900 (on beş dakika) kampanya bannerları için daha makul bir başlangıç noktasıdır. Kısa önbellek CDN'e daha fazla kaynak isteği yaptırır; bu yüzden her görsel için kısa süre seçmek doğru değildir. Sadece gerçekten değişen görseller için kısa süre kullanın; değişmeyen ürün fotoğrafları veya kategori görselleri için uzun süreyi koruyun.
URL tabanlı önbellek kırma (cache busting) da bir yöntemdir. banner.webp?v=kara-cuma-2 gibi bir parametre eklemek CDN'i ve tarayıcıyı bu görseli yeni bir kaynak olarak işlemeye yönlendirir. Elle yönetilmesi gerekir; güncellemeyi unutursanız eski görsel sunulmaya devam eder. CMS'iniz veya yayın süreciniz otomatik önbellek kırma destekliyorsa bunu kampanya öncesinde test edin; varsayım üzerine güvenmeyin.
Geçici banner görselleri: üretim, boyut ve format
Kampanya bannerları çoğu zaman acelede üretilir ve görsel optimizasyon bu hızda atlanır. Yüklenmesi dört saniye süren bir banner, promosyon mesajının değerini sıfırlar. Üretim sürecine görsel hazırlık adımlarını önceden dahil etmek zaman kaybettirmez; aksine son dakika düzeltmelerini engeller.
Banner görselleri için kontrol edilmesi gereken boyutlar: masaüstü tam genişlik (genellikle 1200-1920 piksel arası), tablet orta genişlik (768-1024 piksel) ve mobil dar genişlik (375-768 piksel). Tek görsel kullanıp CSS ile yeniden boyutlandırmak görsel ağırlığını artırır; srcset ve sizes nitelikleriyle doğru boyutu doğru cihaza teslim etmek hem bant genişliğini hem de kullanıcı deneyimini iyileştirir.
Format seçiminde WebP modern tarayıcılarda standart haline gelmiştir; JPEG veya PNG fallback olmadan sunmak artık büyük çoğunluk için sorun yaratmaz. Güvenli olmak istiyorsanız <picture> elemanıyla her iki format sunulabilir. Metin içeren bannerlar için PNG yerine WebP, fotoğraf ağırlıklı bannerlar için JPEG yerine WebP tipik olarak daha küçük dosya boyutu verir. Boyut hedefi olarak: mobil banner için 80-150 KB, masaüstü banner için 150-300 KB aralığını baskı olmadan hedefleyebilirsiniz; içeriğe göre bu değerler değişir.
Bir ayrıntı gözden kaçar. Kampanya bannerının metin katmanını ayrı bir HTML/CSS katmanı olarak sunmak ve arka planı görsel olarak bırakmak, görsel boyutunu ciddi ölçüde düşürür. Metni görselin içine gömmek zorunlu değilse bu yaklaşım hem dosya boyutu hem de sonraki kampanyalarda arka planı yeniden kullanabilme açısından avantaj sağlar.
Kritik görseller için ön yükleme ve LCP
Kampanya anasayfasının üst kısmında görünen banner genellikle sayfanın LCP (Largest Contentful Paint) metriğini belirler. Tarayıcı bu görseli geç keşfedirse LCP değeri yükselir ve sayfa yavaş hissettirilebilir. Bu görsel için tarayıcıya erken sinyal vermek gecikmeyi önler.
<link rel="preload" as="image"> etiketi sayfanın <head> bölümünde yer alır ve tarayıcıya bu görseli diğer kaynakları bekletmeden önce indirmesini söyler. Responsive görseller için imagesrcset ve imagesizes nitelikleri de eklenebilir:
<link rel="preload" as="image"
href="/images/kampanya-banner-masaustu.webp"
imagesrcset="/images/kampanya-banner-mobil.webp 768w,
/images/kampanya-banner-masaustu.webp 1440w"
imagesizes="100vw">Her görsele preload eklemek ters etki yaratır. Tarayıcının bant genişliğini tek kritik görsel için ayırması yerine birden fazla görsel arasında dağıtması, asıl kritik görselin daha geç gelmesi anlamına gelebilir. Sadece sayfa yüklendiğinde görünür alanda olan ve LCP'yi doğrudan etkileyen bir veya iki görsel için preload uygundur. Alt kısımdaki galeriler, ürün listeleri ve lazy load ile yüklenen içerikler için gerekmez; bu görsellere preload eklemek yalnızca öncelikleri karıştırır.
Kampanya hazırlığında gereksiz görsel birikimini azaltmak
CDN'e yüklenen her görsel önbellek ısıtılana kadar kaynak isteği olarak işlenir. Önceki kampanyalardan kalan, artık kullanılmayan bannerlar CDN önbelleğinde yer kaplar; bazı planların depolama veya istek limiti bu birikimden etkilenir. Kampanya öncesi kısa bir temizlik turu hem maliyeti hem yönetim karmaşasını azaltır.
Temizlik sırasında görseli silmeden önce gerçekten kullanılmadığından emin olun. CMS'te silinmiş görünen bir görsel CDN önbelleğinde hâlâ sunuluyor olabilir; ters yönde de doğrudur, CMS'te aktif görünen bir görsel artık hiçbir sayfada referans almıyor olabilir. Görselin hangi sayfalardan çağrıldığını CMS'in medya raporu veya SEO tarama botları üzerinden doğrulayın.
Tamamen silmek yerine arşiv klasörüne taşımak çoğu durumda daha güvenli bir adımdır. Bir sonraki kampanya döneminde hangi görsellerin yeniden kullanılabileceğini hatırlamak için arşiv yapısı işe yarar; /images/arsiv/kara-cuma-2025/ gibi bir dizin bu amaca hizmet eder. Silmek geri dönüşü zorlaştırır, taşımak sadece temizler.
Kampanya bitişinde geri alma planı
Kampanya sona erdiğinde bannerların kaldırılması, kalıcı ürün görsellerine dönülmesi ve önbellek sürelerinin normale alınması gerekir. Bu işlem önceden planlanmadığında, kampanya bitiş tarihinin üzerinden günler geçtikten sonra hâlâ indirim bannerı gösteren sayfalar ortaya çıkar; bu durum marka güvenilirliğini zedeler ve yanlış beklenti yaratır.
Hızlı geri alma için önerilen hazırlık: kampanya görsellerini ayrı bir dizinde tutun (örneğin /images/kampanyalar/kara-cuma-2026/), bu dizindeki görsellerin önbellek sürelerini kısa tutun ve kampanya bitiş saatini takvime işleyerek ilgili kişilerle paylaşın. CMS veya deployment süreci otomatik yayından kaldırmayı destekliyorsa kampanya başlamadan önce bitiş tarihini de konfigüre edin; manuel adıma gerek kalmaz.
CDN önbelleğini kampanya bitişinde temizlemek (purge) hem masaüstü hem mobil kullanıcılara güncel görseli sunar. Tüm CDN önbelleğini birden temizlemek yerine sadece kampanya dizinini hedeflemek CDN'in yeniden ısınma süresini kısaltır. Çoğu sağlayıcı kontrol panelinden veya API üzerinden belirli dizin ya da URL kalıplarına göre seçici temizleme imkânı sunar.
Görsel altyapı hazırlığı satış hedefleriyle aynı anda konuşulduğunda genellikle ikinci sıraya düşer. Sayfa hızı dönüşüm oranını doğrudan etkiler; yoğun trafik döneminde kümülatif gecikmeler küçük ama gerçektir. Görsel taraftaki hazırlık kampanya trafiğinin altında ezilmemek için gereklidir.
Listenin tamamını bir kampanya öncesinde uygulamak zorunda değilsiniz. İlk kampanya için CDN kapasitesini kontrol etmek ve banner görsellerini optimize edilmiş formatta üretmek bile fark yaratır. Sonraki kampanyalara ön yükleme, önbellek politikası ve geri alma planı eklenir; her turda hazırlık daha sistematik bir hale gelir.
Son olarak bir uyarı: bu listedeki maddeler birbirinden bağımsız değildir. Kısa önbellek süresi ayarlayıp CDN kapasitesini artırmadan bırakmak, CDN'e fazla kaynak isteği yaptırarak tam tersine yük bindirebilir. Maddeleri bütün olarak değerlendirmek, izole kararların yan etkilerini önceden görmek için değer taşır.