E-Ticaret Performans Yenilemesi
Yavaş yüklenen bir mağazanın ürün listeleme ve ödeme akışını yeniden kurarak Core Web Vitals eşiklerine taşıdık.
- Müşteri
- Ev tekstili markası
- Sektör
- Perakende
- Yıl
- 2024
- Hizmetler
- E-Ticaret Çözümleri, Performans Optimizasyonu, SEO ve Arama Görünürlüğü
Teslim edilen site
Tasarımın tamamı, baştan sona
Aşağıdaki düzen, tipografi ve renk kurgusu projede teslim edilen tasarımın kendisidir. Müşteri adı, alan adı ve iletişim bilgileri gizlilik gereği değiştirilmiştir.
< 2,5 sn
Mobil LCP (saha verisi)
%60
Görsel ağırlığında azalma
%100
Yapılandırılmış veri kapsamı
1.100+
Korunan eski URL yönlendirmesi
Ne vardı, ne yaptık?
Her vaka çalışmasında karşılaştığımız problemi ve uyguladığımız çözümü olduğu gibi paylaşıyoruz.
Problem
Mağazanın ürün listeleme sayfaları mobilde çok yavaş açılıyordu. En büyük içerik boyaması (LCP) saha verisinde dört saniyenin üzerindeydi ve filtreleme her tıklamada tüm sayfayı yeniden yüklüyordu.
Ayrıca ürün sayfalarında yapılandırılmış veri yoktu; arama sonuçlarında fiyat ve stok bilgisi görünmüyordu.
Çözüm
Ürün listeleme sayfalarını sunucu tarafında üretilecek şekilde yeniden kurduk. Filtreleme artık tüm sayfayı değil yalnızca ürün ızgarasını güncelliyor.
Görsel hattını baştan yazdık: yüklenen her görsel WebP formatına dönüştürülüyor, üç farklı boyutta türev üretiliyor ve tarayıcıya ekran genişliğine uygun olan gönderiliyor.
Tüm ürün sayfalarına Schema.org Product işaretlemesi ekledik. Fiyat, stok durumu ve değerlendirme bilgileri artık arama sonuçlarında zengin sonuç olarak görünebiliyor.
Bu projede üstlendiğimiz işler
- E-Ticaret Çözümleri
- Performans Optimizasyonu
- SEO ve Arama Görünürlüğü
Kullanılan teknolojiler
- Next.js
- TypeScript
- Sharp
- Schema.org
- Redis
İlgili çalışmalar
Perakende için benzer bir çalışma planlıyor musunuz?
Fikrinizi, mevcut sisteminizi ya da büyüme hedefinizi anlatın; teknik yaklaşımı, süreci ve zaman planını net biçimde paylaşalım.