Yavaş Yükleme Sorunları
Hızlı yüklenen bir mağaza, dönüşümler açısından çok önemlidir — her saniyelik gecikme, satışları %7'ye kadar azaltabilir. Bu kılavuz, nuvinode mağazalarında yavaş yüklemenin en yaygın nedenlerini belirlemenize ve düzeltmenize yardımcı olur.
Sorunun Teşhisi
Öncelikle mağazanızın mevcut performansını ölçün:
- Google PageSpeed Insights —
pagespeed.web.dev, mağazanızın URL'sini girin ve mobil ve masaüstü için puanları inceleyin. - Tarayıcı DevTools Ağ Sekmesi — F12 tuşuna basın, Ağ sekmesine gidin, sayfayı yeniden yükleyin ve toplam yükleme süresine ve en büyük isteklerin boyutlarına bakın.
- WebPageTest — Ziyaret edin
webpagetest.orgadresini ziyaret edin ve neyin önce yüklendiğini ve neyin görüntülenmeyi engellediğini gösteren ayrıntılı bir şelale analizine göz atın.
Görüntü Optimizasyonu
Görüntüler, yükleme yavaşlığının en yaygın nedenidir. nuvinode, CDN'si aracılığıyla optimize edilmiş görüntüleri otomatik olarak sunar, ancak kaynak görüntüler önemlidir:
- Yüklemeden önce boyutunu değiştirin — Ürün görselleri en fazla 1200x1200 piksel olmalıdır. Ana görsellerin genişliği en fazla 1920 piksel olmalıdır.
- JPEG veya WebP kullanın — Fotoğraflar için PNG'den kaçının. %80 kalitedeki JPEG, neredeyse aynı görünür ancak 3–5 kat daha küçüktür.
- Görüntüleri sıkıştırın —
tinypng.comveyasquoosh.appgibi araçları kullanarak yüklemeden önce dosya boyutlarını küçültün. - Dosya boyutlarını 500 KB'nin altında tutun — Ürün fotoğrafları için ideal olarak resim başına 200 KB'nin altında olmalıdır.
Bölüm Sayısını Azaltın
Ana sayfadaki her bölüm, sayfanın başlangıç boyutunu artırır:
- En iyi yükleme hızı için ana sayfanızı 6–8 bölümle sınırlayın.
- Kullanmadığınız bölümleri boş bırakmak yerine devre dışı bırakın.
- nuvinode, sayfanın alt kısmındaki bölümleri (IntersectionObserver kullanarak) gecikmeli olarak yükler, ancak ilk bölümler yine de hemen yüklenir.
Önbellekleme Sorunları
Mağazanız eskiden hızlıyken aniden yavaşladıysa, sorun önbelleklemeyle ilgili olabilir:
- Tarayıcı önbelleği — Ziyaretçilerden Ctrl+Shift+R (Mac'te Cmd+Shift+R) tuşlarını kullanarak sayfayı tam olarak yenilemelerini isteyin.
- CDN önbelleği — Cloudflare kullanıyorsanız, Cloudflare kontrol panelindeki Önbellekleme > Her Şeyi Temizle seçeneğinden önbelleği temizleyin.
- Docker birim önbelleği — Kendi sunucusunda barındırılan mağazalar için,
.nextderleme önbelleği bir Docker biriminde saklanır. Güncelliğini yitirirse, bunu kaldırın:docker volume rm bootstrap_tenant_front_nextve konteyneri yeniden oluşturun.
Ek Performans İpuçları
- Özel CSS ve JavaScript'i en aza indirin — Büyük özel kod blokları, ayrıştırma işlemini yavaşlatır.
- Üçüncü taraf komut dosyalarını sınırlayın — Her harici komut dosyası (sohbet widget'ları, analitik araçları, piksel izleyiciler) yükleme süresini uzatır. Yalnızca aktif olarak kullandıklarınızı dahil edin.
- Cloudflare ile özel bir etki alanı kullanın — Cloudflare'in CDN'si, statik varlıkları en yakın kenar sunucusundan sunar ve küresel ziyaretçiler için yükleme sürelerini önemli ölçüde iyileştirir.
- Sunucu durumunu kontrol edin — Tüm sayfalar yavaşsa, sorun sunucu kaynaklarından kaynaklanıyor olabilir. Konteynerinizin CPU ve bellek kullanımını kontrol etmek için nuvinode destek ekibiyle iletişime geçin.