İçeriğe atla
Vaka çalışması

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

Vaka

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

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.