E-ticaret siteniz telefonda yavaş mı açılıyor? Satışı kaçıran 6 hız hatası
Reklama ödediğiniz tıklama, sayfa açılmadan kaybolmasın. Mobil hızı düşüren en yaygın 6 hata ve her biri için yapılacaklar.
Reklamdan gelen ziyaretçilerin büyük kısmı telefondan gelir ve sabırsızdır. Google'ın 2016'da yayımladığı mobil hız araştırmasına göre, mobil ziyaretlerin %53'ü 3 saniyeden uzun süren sayfalarda terk ediliyor. Yani parasını ödediğiniz tıklamaların bir kısmı, ürününüzü hiç görmeden kayboluyor olabilir.
Önce ölçün: hangi rakamlara bakmalı?
PageSpeed Insights adresine sitenizi girin ve Mobil sekmesine bakın. Google'ın "Core Web Vitals" adını verdiği üç ölçüt ve iyi sayılan eşikler şöyle:
| Ölçüt | Ne anlatır | İyi |
|---|---|---|
| LCP (Largest Contentful Paint) | Sayfanın ana içeriği ne zaman görünüyor | 2,5 sn veya altı |
| INP (Interaction to Next Paint) | Dokunuşa ne kadar hızlı tepki veriyor | 200 ms veya altı |
| CLS (Cumulative Layout Shift) | Sayfa açılırken içerik zıplıyor mu | 0,1 veya altı |
Raporun üst kısmındaki "gerçek kullanıcı verisi" son 28 günün gerçek ziyaretlerini gösterir. Alttaki puan ise yavaş bir 4G bağlantısında yapılan laboratuvar testidir. İkisi farklı çıkabilir; ikisine de bakın.
1. Dev boyutlu kampanya görselleri
Denetimlerde en sık bulduğumuz sorun budur. Tek bir ana sayfa görselinin 7–8 MB olduğunu, sitenin ise 20 MB'ın üzerinde veri indirdiğini gördük. Bu görsellerin bir kısmı aslında PNG olduğu hâlde .jpg uzantısıyla yüklenmişti. Üstelik 3000 piksel genişliğindeydiler; telefon ekranı ise yaklaşık 400 piksel.
Yapılacak: Görselleri WebP veya AVIF'e çevirin, telefon için ayrı ve küçük bir sürüm sunun. Kampanya görseli başına hedef 250 KB'ın altı.
2. Her şeyin aynı anda yüklenmesi
Sayfanın en altındaki ürün görselleri bile açılışta indiriliyorsa, ziyaretçinin ilk gördüğü alan gecikir.
Yapılacak: Ekranın altında kalan görsellere "gecikmeli yükleme" (loading="lazy") uygulayın. İlk ekrandaki ana görseli ise öncelikli yükleyin.
3. Sayfa açılır açılmaz yüklenen YouTube videoları
Ürün sayfasına gömülü tek bir YouTube oynatıcı, kimse izlemese bile onlarca ek dosya indirir.
Yapılacak: Videonun yerine bir kapak görseli koyun. Oynatıcı ancak ziyaretçi tıkladığında yüklensin ("tıklayınca yükle" yöntemi).
4. Fazla sayıda üçüncü parti eklenti
Canlı destek, yorum widget'ı, açılır pencere, ısı haritası, birden fazla analiz aracı… Her biri ayrı kod yükler ve sayfanın dokunuşlara tepkisini yavaşlatır.
Yapılacak: Son üç ayda gerçekten kullanmadığınız her eklentiyi kaldırın. Kalanları mümkünse Tag Manager üzerinden, sayfa açıldıktan sonra yükleyin.
5. Ağır slider'lar
Altı slaytlık bir ana sayfa slider'ı, ziyaretçi ilk slaytı görürken diğer beşini de indirir. Üstelik çoğu ziyaretçi ikinci slayta hiç geçmez.
Yapılacak: Tek ve güçlü bir ana görsel kullanın; sezonun ürününü öne çıkarın. Slider şartsa ilk slayt dışındakileri gecikmeli yükleyin.
6. Yazı tipleri ve açılışta zıplayan içerik
Birden fazla yazı tipi ve kalınlık yüklemek, hem açılışı geciktirir hem de metinlerin sonradan "zıplamasına" yol açar (CLS).
Yapılacak: En fazla iki yazı tipi ailesi kullanın. Görsellerin ve banner alanlarının genişlik/yükseklik değerlerini tanımlayın ki sayfa açılırken yer değiştirmesin.
Gerçekçi hedef
Her siteyi 100 puana çıkarmak gerekmez. E-ticaret için makul hedef: mobil skor 70+, LCP 2,5–3 saniyenin altı. Bu seviyeye gelen bir sitede reklama ödenen tıklamaların çok daha büyük bölümü ürün sayfasını görür.
Hız tek başına satış getirmez; ama yavaş bir site, en iyi reklamın bile önünü keser. Reklam bütçesini artırmadan önce sayfanın telefonda hızlı açıldığından emin olun.