Hyvä vs Luma: Magento 2 Frontend Performans Karşılaştırması (2026)

Hyvä, Magento 2'nin Luma frontend'ini (Knockout.js + RequireJS + LESS) Alpine.js ve Tailwind CSS ile değiştirir. Üretimde bu, gönderilen JavaScript'i %90 veya daha fazla azaltır ve mobil Lighthouse'u tipik olarak 30'lardan 90'lara taşır. Luma yalnızca eski modül arayüzü geçişi engellediğinde doğru tercihtir.

Özet

• JavaScript ağırlığı: Luma ~400-900 KB JS gönderir (RequireJS + Knockout); Hyvä ~30-60 KB (Alpine.js).
• Lighthouse mobil: Luma mağazaları genelde 25-45; iyi kurulmuş Hyvä mağazaları 90+ alır.
• Core Web Vitals: Hyvä, ayrı bir PWA/headless yığını olmadan LCP ve INP geçmeyi gerçekçi kılar.
• Luma ne zaman kalır: yalnızca Knockout arayüzü sunan üçüncü taraf modüllere ağır bağımlılık varsa.

Luma neden varsayılan olarak yavaş?

Luma'nın render yolu önce RequireJS yükler, onlarca AMD modülünü çözer, ardından sayfa etkileşimli olmadan önce Knockout view-model'lerini hidrate eder. Ayarlanmış bir sunucuda bile tarayıcı çok fazla ana-iş-parçacığı işi yapar; bu da tam olarak Google'ın INP metriğinin cezalandırdığı şeydir.

Hyvä neyi değiştirir?

Hyvä sunucu-render'lı bir temadır. Markup hazır gelir, Tailwind yalnızca kullandığınız sınıfları gönderir ve Alpine.js küçük etkileşim adacıkları ekler. Çözülecek bir RequireJS grafiği ve hidrasyon yoktur. Sonuç: çok daha küçük kritik yol ve çok daha az ana-iş-parçacığı engellemesi.

Geçiş maliyeti (dürüst hali)

Hyvä yerinde-değiştir bir geçiş değildir. Özel tema işleri ve Knockout arayüzlü her modül, Hyvä uyumlu bileşenler olarak yeniden yazılmalıdır. Orta ölçekli bir mağaza için bu tipik olarak 3-8 haftalık mühendislik işidir; büyük kısmını checkout ve özel PDP/PLP mantığı oluşturur. Kazanç kalıcıdır: daha hızlı sayfalar ve ekibinizin gerçekten anlayabileceği bir frontend.

Karar listesi

• Mobil Lighthouse 50 altında ve dönüşüm platoda → Hyvä'ya geç.
• Az/hiç üçüncü taraf Knockout modülü yok → geçiş düşük riskli.
• Yalnızca Knockout arayüzlü bir modüle bağımlıysan → uyumluluk yeniden yazımına bütçe ayır ya da kısa vadede Luma'da kal.

Velgrina'nın mağazasını 13 özel modülle Hyvä üzerinde yeniden inşa ettik. Karar öncesi frontend denetimi istersen Sistem Mimarisi Denetimi farkı sayısallaştırır ya da teklif iste.

Sıkça sorulan sorular

Hyvä, Luma'dan daha mı hızlı?

Evet. Hyvä, RequireJS ve Knockout.js'i Alpine.js ve Tailwind ile değiştirerek Luma'ya göre yaklaşık %90 daha az JavaScript gönderir. Üretim mağazaları geçişten sonra genelde mobil Lighthouse skorlarını 30'lardan 90+'a taşır.

Hyvä geçişi ne kadar sürer?

Orta ölçekli bir Magento 2 mağazası için tipik olarak 3-8 haftalık mühendislik. İşin çoğu checkout'u ve Knockout arayüzü sunan özel veya üçüncü taraf modülleri yeniden yazmaktır.

Hyvä yerine ne zaman Luma'da kalmalıyım?

Arayüzü yalnızca Knockout bileşeni olarak var olan üçüncü taraf modüllere bağımlıysan ve uyumluluk yeniden yazımı henüz gerekçelendirilmiyorsa Luma'da kal. Aksi halde performans ve sürdürülebilirlik için Hyvä daha güçlü tercihtir.

Hyvä, Core Web Vitals'a yardım eder mi?

Evet. RequireJS/Knockout render yolunu kaldırarak Hyvä ana-iş-parçacığı işini azaltır; bu da doğrudan INP ve LCP'yi iyileştirir. Ayrı bir headless veya PWA yığınına geçmeden Core Web Vitals geçmeyi gerçekçi kılar.