Mogel

Proje hakkında

Mogel için sıfırdan geliştirilen bu e-ticaret platformu; 8 fazda tamamlanan dijital varlık yönetim (DAM) sistemi, ürün filtreleme, dinamik sayfa üretimi ve SEO odaklı içerik altyapısını içermektedir.

DAM sistemi neden kritikti?

200+ ürünün her biri için yüksek kaliteli görsel, açıklama, özellik tablosu ve SEO içeriği gerekiyordu. Bu hacimde içeriği elle yönetmek sürdürülemezdi. Dijital Varlık Yönetim (DAM) sistemi; toplu görsel yükleme, WebP dönüştürme, yeniden boyutlandırma ve ürün sayfalarına otomatik atama süreçlerini tek bir arayüzde birleştiriyor.

• Toplu görsel yükleme ve WebP dönüştürme pipeline'ı
• Ürün başına birden fazla kanonik görsel URL
• SEO odaklı içerik üretim araçları
• Çok katmanlı doğrulama: kopya içerik tespiti dahil
• Dinamik filtreleme ve hızlı arama

WebP stratejisi

E-ticaret sitelerinde en büyük hız katillerinden biri optimize edilmemiş görsellerdir. Mogel projesinde her ürün görseli sisteme yüklendiği anda otomatik olarak WebP formatına dönüştürülüyor. WebP, aynı kalitede JPEG'den ortalama %25–35 daha küçük dosya boyutu sağlar; bu doğrudan sayfa yükleme süresine yansır.

Önemli bir ilke: her görsel için tek kanonik URL. Bazı platformların ürettiği 5–8 farklı boyut varyantı yerine, her görsel için doğru boyutta tek bir dosya sunuluyor. Bu yaklaşım hem CDN maliyetini düşürür hem de indeksleme tutarlılığını korur.

Hız ve performans

E-ticaret sitelerinde her 1 saniyelik yükleme gecikmesi dönüşüm oranını olumsuz etkiler. Mogel altyapısında aşağıdaki optimizasyonlar standart olarak uygulandı:

• WebP görsel formatı — tüm ürün görselleri
• Lazy loading — ekran dışı görseller ertelenmiş
• Minimal CSS/JS — framework bağımlılığı yok
• Veritabanı sorgu optimizasyonu — N+1 sorgusu yok
• Statik varlıklarda uzun süreli önbellek başlıkları
• Sayfa başı yükleme süresi 1 sn altında

Sonuç

200+ ürün eksiksiz içerikle yayına alındı; sayfa başına ortalama yükleme süresi 1 sn altında kaldı.