Galeri siteleri doğaları gereği ağırdır: her araç için onlarca yüksek çözünürlüklü fotoğraf. Bu ağırlık yönetilmezse ziyaretçi, aracı görmeden siteyi terk eder.
Hız, bir teknik detay değil; doğrudan satışa etki eden bir dönüşüm faktörüdür.
Hız neden satışı etkiler?
- Terk oranı: Sayfa geç açıldıkça geri dönen ziyaretçi oranı artar
- Arama sıralaması: Core Web Vitals, sıralama sinyalleri arasındadır
- Reklam maliyeti: Yavaş açılan sayfa, tıklama başına ödediğiniz parayı boşa çıkarır
- Marka algısı: Yavaş site, “özensiz işletme” izlenimi bırakır
Ölçülmesi gereken üç metrik
| Metrik | Ne ölçer | Galeri sitesinde tipik sorun |
|---|---|---|
| LCP En büyük içerik boyama | Ana görselin ne kadar sürede göründüğü | Optimize edilmemiş kapak fotoğrafı |
| CLS Düzen kayması | Sayfanın yüklenirken zıplaması | Boyut verilmemiş görseller, geç yüklenen reklam alanları |
| INP Etkileşim gecikmesi | Tıklamaya ne kadar sürede tepki verildiği | Ağır JavaScript, çok sayıda eklenti |
Ölçümü mobil moddan ve yavaş bağlantı simülasyonuyla yapın. Ofis wifi’sinde hızlı görünen site, sahada çok farklı davranır.
Galeri sitelerinde en büyük yük: görseller
Sayfa ağırlığının çoğu görsellerden gelir. Yapılacaklar:
Modern format kullanın
JPEG yerine WebP veya AVIF. Aynı görsel kalitesinde belirgin şekilde küçük dosyalar elde edersiniz. Eski tarayıcılar için <picture> etiketiyle yedek sunun.
Responsive setler üretin
Telefona 2400 piksellik fotoğraf göndermenin anlamı yok. Her görselden 400 / 800 / 1200 piksellik sürümler üretip srcset ile sunun; tarayıcı ekranına uygun olanı indirir.
Geciktirmeli yükleme
Ekranda görünmeyen görselleri loading="lazy" ile geciktirin. Ancak kapak fotoğrafını geciktirmeyin — o LCP öğesidir ve fetchpriority="high" almalıdır.
Boyut belirtin
Her görselde width ve height olsun. Bu, tarayıcının yer ayırmasını sağlar ve düzen kaymasını (CLS) önler.
Diğer hız kaynakları
- Yazı tipleri: Yerel barındırın, gerekli ağırlıkları yükleyin,
font-display: swapkullanın - Eklentiler: Kullanılmayan her eklenti bir yüktür — düzenli temizleyin
- Üçüncü parti betikler: Sohbet kutusu, analitik, sosyal medya widget’ları en büyük yavaşlatıcılardır
- Önbellek: Statik dosyalara uzun süreli önbellek başlıkları verin
- Sıkıştırma: Sunucuda gzip veya brotli açık olsun
- Sunucu: Ucuz ve aşırı paylaşımlı hosting, yanıt süresini baştan yavaşlatır
Statik olarak üretilen siteler (her sayfanın önceden HTML olarak hazırlanması), veritabanı sorgusu yapmadıkları için doğal olarak hızlıdır. Galeri gibi içerik ağırlıklı siteler için güçlü bir tercihtir.
Hız iyileştirmesinin sırası
Hepsini birden yapmaya çalışmayın. Etki sırasına göre ilerleyin:
- Görselleri modern formata çevirin ve boyutlandırın
- Kullanılmayan eklenti ve betikleri kaldırın
- Yazı tiplerini yerel barındırın
- Önbellek ve sıkıştırma ayarlarını yapın
- Üçüncü parti betikleri geciktirin
- Gerekirse hosting yükseltin
İlk iki madde, çoğu galeri sitesinde sorunun büyük kısmını çözer.
Ölçüp izleyin
Hız bir kerelik iş değildir. Her yeni fotoğraf partisi, her yeni eklenti siteyi biraz daha yavaşlatır. Aylık olarak ölçün ve bozulmayı erken yakalayın.
Özetle
Galeri sitesinde hız, doğrudan satış demektir. Görselleri optimize edin, gereksiz betikleri temizleyin, kapak fotoğrafını önceliklendirin ve ölçümü mobilden yapın. Ziyaretçinin fiyatı görmeden ayrılması, kaybedebileceğiniz en ucuz satıştır.