Hyvä, “Magento 2 mağazamızı mobilde nasıl hızlı hale getiririz?” sorusuna verilen varsayılan cevap haline geldi. Luma’nın ağır RequireJS ve Knockout yığını yerine, Tailwind CSS ve Alpine.js üzerine inşa edilmiş hafif bir ön yüz sunuyor. Sonuç genellikle çok daha az JavaScript ve çok daha iyi Core Web Vitals ile sonuçlanıyor.
Ama bir Hyvä göçü gerçek bir projedir, tema değişikliği değil. Bu kılavuzda bunun neyi içerdiğini, maliyetin neyle belirlendiğini, ne kadar sürdüğünü ve en sık gördüğüm hatalardan nasıl kaçınacağınızı açıklıyorum.
Mağazalar neden Hyvä’ya geçiyor
- Gerçek cihazlarda hız. Daha az JavaScript, orta seviye telefonlarda daha hızlı render ve daha iyi Etkileşim ile Sonraki Boyama anlamına gelir.
- Daha İyi Core Web Vitals. Bu hem SEO’yu hem de dönüşüm oranını artırır.
- Daha kolay frontend geliştirme. Tailwind ve Alpine, Knockout UI bileşenlerinden daha basit çalışıldığından, değişiklikler daha az zaman alır.
- Büyüyen bir ekosistem. Artık birçok popüler eklenti satıcısı Hyvä uyumlu sürümler sunuyor.
Hyvä, mağazanız için doğru mu?
Hyvä, şu durumlarda güçlü bir uyum sağlar:
- Trafiğinizin çoğu mobil.
- Core Web Vitals’ınız, önbellekleme ve görsel çalışmalara rağmen başarısız oluyor.
- Magento 2 / Adobe Commerce’da birkaç yıl daha kalmayı planlıyorsunuz.
- Tasarımınızın yenilenmesi gerekiyor zaten.
Bir yıl içinde yeniden platforma geçmeyi planladığınızda ya da mağaza, Hyvä desteği olmayan ve hepsinin özel çalışma gerektiren birçok eklentiye bağımlı olduğunda doğru zaman olmayabilir.
Karar vermeden önce, Hyvä’nın mevcut lisanslama ve ürün seçeneklerini resmi web sitesinde kontrol edin. Sunumları (tema, ödeme sayfası, UI kütüphanesi ve kurumsal seçenekler) zamanla değişti, bu yüzden güncel bilgilerle plan yapın.
Maliyeti ne etkiler
Aldığınız her alıntı bu faktörlere dayanmalıdır:
- Üçüncü taraf uzantılarının ön yüz sayısı. Her biri, ya satıcıdan, ya topluluktan ya da özel olarak yapılmış bir Hyvä uyumluluk modülüne ihtiyaç duyar. Bu genellikle en büyük değişkendir.
- Özel ön yüz özellikleri. Ürün yapılandırıcıları, özel kaydırıcılar, beden rehberleri, B2B hızlı sipariş formları ve benzeri özellikler Alpine.js ile yeniden inşa edilmelidir.
- Ödeme seçeneği. Luma ödeme sistemini (bir yedekleme aracılığıyla çalışır) kullanabilir, Hyvä Checkout’u tercih edebilir veya başka bir adımda ödeme seçeneği kullanabilirsiniz. Her birinin farklı çaba ve riski vardır.
- Tasarım. Eski tasarımın piksel mükemmeliyetinde bir kopyası, genellikle Hyvä varsayılanları üzerine inşa edilmiş modern bir tasarımdan daha fazla iş gerektirir.
- Mağaza görünümü ve dillerin sayısı. Daha fazla mağaza görünümü, daha fazla test anlamına gelir.
Gerçekçi bir zaman çizelgesi
Tipik bir orta ölçekli mağaza için, bir göç genellikle bu aşamalarda gerçekleşir:
| Aşama | Ne olur | Tipik süre |
|---|---|---|
| Denetim | Uzantı envanteri, özel özellik listesi, ödeme kararı | 1–2 hafta |
| Temel tema | Başlık, altbilgi, kategori, ürün, CMS sayfaları | 3–6 hafta |
| Uzantılar | Uyumluluk modülleri ve özel yeniden yapılandırmalar | 2–6 hafta |
| Ödeme | Yapılandırma veya entegrasyon | 1–4 hafta |
| QA ve lansman | Cihazlar arası test, izleme kontrolleri, SEO kontrolleri | 1–3 hafta |
Küçük mağazalar, az sayıda eklenti ile çok daha hızlı ilerleyebilir. Büyük çoklu mağaza kurulumları daha uzun sürer. Eklenti denetimi ile başlamayan herhangi bir alıntıya dikkat edin.
Adım adım göç kontrol listesi
1. Her şeyi envanterle
- Modül listenizi dışa aktarın ve her bir modülü ön yüzü etkileyenler olarak işaretleyin.
- Her bir satıcıyı resmi bir Hyvä uyumluluk modülü için kontrol edin.
- Mevcut temanızdaki tüm özel şablonları ve JavaScript’i listeleyin
2. Ödeme işlemini belirleyin
Ödeme sayfası, gelirlerin gerçekleştiği yerdir, bu yüzden temkinli olun. Birçok ekip, önce katalog sayfalarında Hyvä’yı başlatır ve mevcut ödeme sayfasını korur, ardından ikinci aşamada ödeme sayfasını günceller.
3. Üretim verileriyle bir sahneleme ortamında inşa et
Gerçek kataloğun anonimleştirilmiş bir kopyasını kullanın. 40 seçeneği olan ürünler veya çok uzun isimler gibi uç durumlar yalnızca gerçek verilerle ortaya çıkar.
4. Yeniden inşa et, taşımak yok
Knockout bileşenlerini satır satır çevirmeye çalışmayın. Gereksinimi karşılayan en basit Alpine.js yolu ile özelliği yeniden oluşturun.
5. Takiplerinizi koruyun
GA4 olayları, Google Ads dönüşümleri, Meta piksel ve onay yönetimi genellikle Luma JavaScript ile ilişkilidir. Her izleme olayını listeleyin ve lansmandan önce yeni tema üzerinde her birini test edin.
6. SEO’nuzu koruyun
- URL’leri, kanonik etiketleri, yapılandırılmış verileri (Ürün, BreadcrumbList) ve hreflang’i aynı tutun.
- Anahtar şablonların işlenmiş HTML’ini öncesi ve sonrası ile karşılaştırın.
- Staging üzerinde bir tarama yapın ve üretim ile karşılaştırın.
7. Lansmandan sonra ölçüm yapın
Core Web Vitals, dönüşüm oranı, sepete ekleme oranı ve ortalama sipariş değerini lansmandan önceki ve sonraki dört hafta için karşılaştırın. Gerçek kullanıcı verilerinin Search Console’da tamamen güncellenmesi yaklaşık 28 gün sürer.
Yaygın hatalar
- Bir uzantı denetimi olmadan başlamak. Bütçelerin bu şekilde iki katına çıktığı budur.
- Cuma günü veya bir satıştan önce başlatmak. Düzeltmeler için yer bırakın.
- Yönetici tarafını unutarak. Bazı eklentiler, kontrol edilmesi gereken CMS blokları veya sayfa oluşturucu içeriği aracılığıyla ön uç widget’ları enjekte eder.
- Yayın sonrası performansı göz ardı etmek. Hyvä size hızlı bir temel sunar, ancak Google Tag Manager’daki bir düzine pazarlama scripti hala bunu yavaşlatabilir.
Sıkça sorulan sorular
Tasarımımı değiştirmeden Hyvä’ya geçiş yapabilir miyim?
Evet, ancak sıkı bir 1:1 kopya genellikle daha pahalıdır. Hyvä’nın bileşenlerini kullanan hafif bir yeniden tasarım genellikle daha hızlıdır ve kullanıcılar için daha iyidir.
Hyvä tüm hız sorunlarımı çözecek mi?
Ön yüz tarafını düzeltir. Eğer tam sayfa önbelleğiniz, veritabanınız veya barındırma hizmetiniz yavaşsa, bunları da düzeltmeniz gerekir. Yavaş bir Magento 2 mağazasının 12 yaygın nedeni listesini inceleyin.
Hyvä, Adobe Commerce ile çalışır mı?
Evet, Hyvä hem Magento Open Source hem de Adobe Commerce ile çalışır. B2B ve belirli Adobe özelliklerini Hyvä’nın mevcut uyumluluk belgeleriyle kontrol edin.
Hyvä göçü mü planlıyorsunuz?
Takımlara Luma’dan Hyvä’ya geçişleri planlamalarına ve gerçekleştirmelerine yardımcı oluyorum, öncelikle bir uzantı denetimi ile başlıyorum, böylece herhangi bir kod yazılmadan önce gerçekçi bir bütçe elde ediyorsunuz. Benim Magento 2 ve Hyvä hizmetimi veya geçiş tahmini talep edin.