"Mağazam yavaş" şikâyetinin ardında neredeyse hiçbir zaman tek bir sebep olmuyor. Genelde her biri tek başına küçük görünen sekiz kalem üst üste biniyor ve toplamda mobil deneyimi bitiriyor.
Önemli bir not: Shopify'ın altyapısı hızlı. Barındırma, CDN ve önbellek platformun sorumluluğunda. Yavaşlığın kaynağı hemen her zaman mağazanın kendisine sonradan eklenen şeyler.
1. Uygulama script'leri
En büyük kalem bu. Her uygulama sayfaya kendi JavaScript'ini ekliyor ve bu kod, uygulamayı kullanmadığınız sayfalarda bile yükleniyor. On uygulamalı bir mağazada tarayıcının indirmesi gereken kod, temanın kendisinden birkaç kat büyük olabiliyor.
2. Kaldırılmış uygulamaların artık kodu
Panelden sildiğiniz uygulama, temaya eklediği kodu her zaman geri almıyor. Aylar önce denenip bırakılmış üç uygulamanın kalıntısı hâlâ çalışıyor olabilir. Bu kod hiçbir işe yaramadan sayfa ağırlığına ekleniyor.
3. Optimize edilmemiş görseller
Ürün fotoğrafının 4000 piksel genişliğinde yüklenip ekranda 600 piksele sığdırılması sık görülen bir durum. Tarayıcı dosyanın tamamını indiriyor, sonra küçültüyor. Doğru boyutta yükleme, tek başına en hızlı kazançlardan biri.
4. Ekran altındaki içeriğin erken yüklenmesi
Sayfanın altındaki görseller, videolar ve widget'lar ilk açılışta yüklenmemeli. Lazy yükleme çoğu temada var ama slider ve özel bölümlerde sık atlanıyor.
5. Font yükleme
Özel font kullanıyorsanız metin, font inene kadar görünmeyebiliyor. Bu, kullanıcının boş bir alana bakması demek. Font sayısını sınırlamak ve yükleme davranışını doğru ayarlamak algılanan hızı belirgin biçimde değiştiriyor.
6. Ölçüm ve reklam kodları
GA4, reklam pikselleri ve etiket yöneticisi ayrı ayrı istek üretiyor. Bunlar gerekli olabilir ama aynı ölçümün iki farklı yerden kurulmuş olması — hem doğrudan hem etiket yöneticisi üzerinden — hem çift sayım hem gereksiz yük çıkarıyor.
7. Ana sayfadaki ağır bölümler
Otomatik oynayan video, büyük slider ve çok sayıda animasyon ana sayfayı ağırlaştırıyor. Bu bölümlerin dönüşüme katkısı çoğu zaman ölçülmemiş oluyor; maliyeti ise ölçülebiliyor.
8. Tema kodunun kendisi
Listenin en sonunda, çünkü en az rastlanan sebep bu. Yine de yıllar içinde elle eklenmiş kod parçaları birikmişse veya tema uzun süredir güncellenmemişse gerçek bir maliyet çıkarabiliyor.
Nereden başlamalı?
Sıra şu: önce yüklü uygulamaları listeleyip gerçekten kullanılanları ayırın, sonra kaldırılanların artık kodunu temizleyin, ardından görselleri ve lazy yüklemeyi düzeltin. Bu üç adım genelde farkın büyük kısmını kapatıyor.
Ölçerken laboratuvar testiyle gerçek kullanıcı verisini karıştırmayın. Tek bir test yükleme neyi düzelteceğinizi söyler; gerçek kullanıcı verisi ise düzeltmenin işe yarayıp yaramadığını gösterir.