Magento Hyva Tema (Hyvä) ile Magento 2’de Hız ve Performans

Magento 2 mağazalarının en sık yaşadığı sorunlardan biri ön yüzün ağır olması ve mobilde yavaş açılmasıdır. Son yıllarda bu soruna en çok konuşulan çözüm Hyvä oldu. Bu yazıda Magento Hyvä tema yaklaşımını; Luma’dan farkını, 2025’teki lisans değişikliğini, geçiş sürecini ve dikkat edilmesi gereken noktaları anlatıyoruz.

Hız konusunun SEO ve dönüşüm tarafındaki etkileri için e-ticaret SEO kontrol listesi ve dönüşüm oranı optimizasyonu yazılarımıza da göz atabilirsiniz.

Hyvä theme nedir?

Hyvä, Magento 2 için sıfırdan yazılmış bir ön yüz (frontend) temasıdır. Magento’nun arka ucunu, yönetim panelini ve iş mantığını değiştirmez; yalnızca müşterinin tarayıcıda gördüğü katmanı yeniden kurar. Temel fikri, sayfaya gönderilen JavaScript ve CSS miktarını ciddi biçimde azaltmaktır.

Bunu yapmak için Hyvä, Luma’nın kullandığı RequireJS, KnockoutJS ve jQuery tabanlı yapıyı bırakır; yerine Tailwind CSS ve hafif bir JavaScript kütüphanesi olan Alpine.js kullanır. Sonuç olarak tarayıcının indirmesi, çözümlemesi ve çalıştırması gereken kod azalır.

Hyvä artık ücretsiz mi? 2025 lisans değişikliği

Evet. Hyvä Theme, Kasım 2025’te açık kaynak ve ücretsiz hale geldi. Daha önce her kurulum için ücretli bir lisans gerekiyordu. Hyvä’nın resmi lisans sayfasına göre tema artık OSL ve AFL lisanslarıyla, yani Magento Open Source ile aynı lisans ailesinde sunuluyor. Kurulum için Hyvä hesabı üzerinden ücretsiz lisans anahtarı alınıyor.

Bu değişiklik ekosistemin tamamını kapsamıyor. Hyvä Checkout, Hyvä Commerce ve Hyvä Enterprise gibi ürünler ayrı ve ücretli olmaya devam ediyor; Hyvä UI bileşen kütüphanesi de ayrı bir ürün olarak sunuluyor. Örneğin Hyvä Checkout, Ekim 2026 itibarıyla resmi sitede tek seferlik 1.000 € lisans bedeliyle listeleniyor. Güncel koşulları hyva.io üzerinden kontrol edin.

Lisans maliyetinin ortadan kalkması, özellikle küçük ve orta ölçekli Magento mağazaları için Hyvä’yı daha erişilebilir hale getirdi. Ancak geçişin asıl maliyeti lisans değil, işçiliktir; bunu aşağıda ayrıntılı ele alıyoruz.

Luma ile Hyvä arasındaki farklar

Tablodaki en kritik satır eklenti uyumudur. Luma ile çalışan bir mağazada ön yüzü olan her eklenti, Hyvä’da ya uyumlu sürümle ya da uyumluluk modülüyle çalışmalıdır. Bu nedenle geçiş kararı, eklenti listenizi incelemeden verilmemelidir.

Hyvä hız ve performansa nasıl katkı sağlar?

Hyvä’nın hız avantajı birkaç kaynaktan gelir:

• Daha az JavaScript: Tarayıcının ana iş parçacığı daha az meşgul olur; sayfa etkileşime daha hızlı hazır hale gelir.
• Yalnızca kullanılan CSS: Tailwind, derleme sırasında yalnızca kullanılan sınıfları üretir; CSS dosyası küçülür.
• Daha az istek: Luma’da onlarca ayrı JavaScript dosyası yüklenebilirken Hyvä’da istek sayısı belirgin şekilde azalır.
• Daha sade şablonlar: Gereksiz bileşenler kaldırıldığı için sayfa yapısı hafifler.

Bu iyileştirmeler genellikle Core Web Vitals metriklerinde, özellikle mobilde olumlu yansır. Ancak Hyvä bir sihirli değnek değildir: sunucu yanıt süresi (TTFB), görsel optimizasyonu, üçüncü taraf scriptler (sohbet, reklam, analiz etiketleri) ve önbellek ayarları da hızı belirler. Hyvä’ya geçip ağır üçüncü taraf scriptleri olduğu gibi bırakırsanız beklediğiniz iyileşmeyi göremeyebilirsiniz.

Gerçek etkiyi görmek için geçişten önce ve sonra aynı sayfaları aynı koşullarda ölçün. PageSpeed Insights’taki laboratuvar skorlarının yanında Search Console’daki gerçek kullanıcı verilerini (Core Web Vitals raporu) de takip edin.

Magento Luma alternatifi olarak Hyvä’ya geçiş nasıl yapılır?

Hyvä’ya geçiş bir “tema değiştirme” işleminden çok, ön yüzün yeniden geliştirilmesidir. Tipik adımlar şöyledir:

1. Envanter çıkarma: Mevcut temadaki özel şablonları, ön yüzde çalışan eklentileri ve özel JavaScript kodlarını listeleyin.
2. Uyumluluk kontrolü: Her eklentinin Hyvä uyumlu sürümü veya uyumluluk modülü olup olmadığını kontrol edin. Hyvä, üçüncü taraf eklentiler için uyumluluk modüllerine ücretsiz lisans anahtarıyla erişim sağlıyor.
3. Tasarım kararı: Mevcut tasarımı Hyvä üzerinde yeniden mi kuracaksınız, yoksa geçişi tasarım yenilemesiyle mi birleştireceksiniz?
4. Geliştirme: Hyvä varsayılan teması üzerine bir alt tema (child theme) oluşturun; özel bileşenleri Alpine.js ve Tailwind ile yeniden yazın.
5. Ödeme sayfası kararı: Luma ödeme sayfasını yedek olarak mı kullanacaksınız, yoksa Hyvä Checkout’a mı geçeceksiniz? Türkiye’deki ödeme modüllerinin bu seçenekle uyumunu test edin.
6. Test: Farklı cihazlarda, tarayıcılarda ve tüm müşteri akışlarında (arama, filtre, sepet, ödeme, hesap) test yapın.
7. Ölçüm: Geçiş sonrası hız, dönüşüm ve hata kayıtlarını izleyin.

Hyvä’ya geçmeden önce dikkat edilmesi gerekenler

• Eklenti uyumu: Uyumluluk modülü bulunmayan eklentiler için ek geliştirme gerekir. Bu, geçişin en çok süre alan kısmı olabilir.
• Yerel ödeme modülleri: Sanal POS ve taksit gösterimi gibi ödeme sayfası bileşenlerinin seçtiğiniz ödeme sayfasıyla çalıştığından emin olun.
• Ekip yetkinliği: Geliştirme ekibinizin Tailwind CSS ve Alpine.js deneyimi olmalı.
• Ölçüm ve etiketler: GA4 ve reklam piksellerinin veri katmanı (data layer) yeni temada da doğru çalışmalı.
• Magento sürümü: Hyvä’nın desteklediği Magento sürümünü kontrol edin; çok eski bir sürümdeyseniz önce güncelleme gerekebilir.

Hyvä ve SEO: Nelere dikkat etmeli?

Tema değişikliği, URL yapısını değiştirmediği sürece doğrudan bir SEO riski oluşturmaz; Magento’nun URL yeniden yazma, canonical ve site haritası ayarları arka uçta kalır. Yine de geçiş sırasında şu noktaları kontrol edin:

• Başlık hiyerarşisi: Ürün ve kategori sayfalarında H1 ve alt başlıkların yeni şablonlarda doğru kurulduğundan emin olun.
• Yapılandırılmış veri: Ürün, fiyat, stok ve değerlendirme bilgilerini taşıyan şema işaretlemesi yeni temada da yer almalı.
• İç linkler ve menü: Kategori menüsü, breadcrumb ve filtre linklerinin taranabilir olduğunu kontrol edin.
• Görsel alt metinleri: Ürün görsellerindeki alt metinlerin şablonda doğru basıldığını doğrulayın.

Bu kontroller için bir tarama aracıyla geçiş öncesi ve sonrası siteyi karşılaştırmak pratik bir yöntemdir.

Geçiş sonrası bakım: Hyvä’yı güncel tutmak

Hyvä da Magento gibi düzenli güncellenen bir yazılımdır. Varsayılan temayı doğrudan değiştirmek yerine alt tema üzerinde çalışmak, güncellemeleri sorunsuz almanızı sağlar. Magento sürüm güncellemelerinde Hyvä’nın ve uyumluluk modüllerinin yeni sürümle uyumunu kontrol etmek, bakım planının bir parçası olmalıdır. Tailwind derleme sürecinin dağıtım hattına eklenmesi de unutulmamalıdır; aksi halde yeni eklenen CSS sınıfları canlıda görünmeyebilir.

Magento tema geliştirme: Hyvä mı, headless mi?

Ön yüzü hızlandırmanın bir diğer yolu headless mimaridir: Magento yalnızca arka uç olarak çalışır, ön yüz React veya Vue gibi ayrı bir uygulamayla yazılır. Headless, çok kanallı ve yoğun özelleştirme isteyen yapılarda güçlüdür ancak iki ayrı uygulamayı geliştirmek ve yönetmek gerekir. Hyvä ise Magento’nun kendi şablon sistemi içinde kalır; çoğu mağaza için daha düşük karmaşıklıkla benzer bir hız kazanımı sunar.

Kararınızı verirken ekibinizin yetkinliğini, eklentilerinizin ön yüz bağımlılığını ve uzun vadeli bakım yükünü birlikte değerlendirin.

Hyvä geçişinin süresini ve maliyetini ne belirler?

Lisans ücretsiz olsa da geçiş projesi iş gücü gerektirir. Süreyi ve bütçeyi belirleyen başlıca unsurlar şunlardır: özel tasarımlı sayfa şablonlarının sayısı, ön yüzü olan eklentilerin sayısı ve bunlar için uyumluluk modülü bulunup bulunmadığı, ödeme sayfası için seçilen yol, çoklu mağaza ve dil yapısı ile test kapsamı. Mevcut tasarımı koruyarak yapılan bir geçiş ile tasarım yenilemesiyle birleştirilen bir geçiş arasında da kapsam farkı vardır. Teklif alırken eklenti listenizi ve özel sayfalarınızı paylaşmak, daha gerçekçi bir tahmin almanızı sağlar.

Hyvä kimler için uygun?

• Mobil hız sorunları yaşayan ve Core Web Vitals değerleri zayıf olan Magento mağazaları.
• Tasarım yenilemesi planlayan ve bunu hız iyileştirmesiyle birleştirmek isteyen markalar.
• Ön yüzü olan eklenti sayısı makul düzeyde olan, uyumluluk sorunlarını yönetebilecek projeler.
• Uzun vadede daha sade ve bakımı kolay bir ön yüz isteyen ekipler.

Çok sayıda özel ön yüz eklentisi kullanan ve bunların Hyvä uyumlu alternatifi olmayan mağazalarda ise geçişin maliyet ve süre etkisi önceden dikkatle hesaplanmalıdır.

Sonuç: Hyvä, Magento ön yüzüne yeni bir başlangıç

Hyvä, Magento 2 mağazalarına hafif ve modern bir ön yüz sunuyor; Kasım 2025’te ücretsiz ve açık kaynak hale gelmesiyle lisans engeli de kalktı. Başarılı bir geçiş için eklenti uyumunu, ödeme sayfası kararını ve ölçüm kurulumunu baştan planlamak gerekiyor. Mağazanız için Magento Hyvä tema geçişini değerlendirmek isterseniz hizmet sayfamızdan bize ulaşın. Ekibinizin Magento tema geliştirme ve yönetim becerilerini artırmak için Magento 2 eğitimi sayfamıza da göz atabilirsiniz.

Sık Sorulan Sorular

Hyvä tema ücretli mi?

Hyvä Theme Kasım 2025'ten beri ücretsiz ve açık kaynaktır; OSL ve AFL lisanslarıyla sunulur. Hyvä Checkout, Hyvä Commerce ve Hyvä Enterprise gibi bazı ürünler ise ayrı ve ücretlidir.

Hyvä'ya geçince site kesin hızlanır mı?

Hyvä ön yüzdeki JavaScript ve CSS yükünü azaltarak genellikle belirgin iyileşme sağlar. Ancak sunucu yanıt süresi, görseller ve üçüncü taraf scriptler de hızı etkiler. Geçiş öncesi ve sonrası aynı sayfaları ölçerek gerçek etkiyi görün.

Mevcut eklentilerim Hyvä ile çalışır mı?

Arka uçta çalışan eklentiler genellikle etkilenmez. Ön yüzde bileşeni olan eklentiler için Hyvä uyumlu sürüm veya uyumluluk modülü gerekir; bulunmayanlar için ek geliştirme yapılır.

Hyvä ile ödeme sayfası nasıl çalışır?

Hyvä mağazalarda Luma ödeme sayfası yedek olarak kullanılabilir ya da ücretli Hyvä Checkout tercih edilebilir. Türkiye'deki sanal POS ve taksit modüllerinin seçtiğiniz ödeme sayfasıyla uyumunu test edin.

Hyvä mı, headless mi?

Hyvä Magento'nun kendi şablon sistemi içinde kaldığı için daha az karmaşıktır ve çoğu mağaza için yeterli hız kazanımı sağlar. Headless ise çok kanallı ve yoğun özelleştirme isteyen projelerde öne çıkar ama iki ayrı uygulamanın yönetimini gerektirir.