🎧 Listen to this article: हिंदी · English · தமிழ் · తెలుగు · ಕನ್ನಡ · മലയാളം · ଓଡ଼ିଆ · 日本語 · 中文
🌍 Read this in your language: हिंदी · தமிழ் · తెలుగు · ಕನ್ನಡ · മലയാളം · ଓଡ଼ିଆ · 日本語 · 中文
किसी मानक Magento storefront पर नेटवर्क टैब खोलें और JavaScript की गिनती करें। आपको jQuery, दर्जनों छोटे मॉड्यूल को लोड करता RequireJS, और कार्ट व चेकआउट को जोड़ता Knockout.js मिलेगा, वह भी किसी एक प्रोडक्ट इमेज के लोड होने से पहले। यह Luma थीम है, और यह एक दशक से Magento का डिफ़ॉल्ट चेहरा रही है। यही कारण भी है कि बहुत सारे Magento स्टोर्स चुपचाप Core Web Vitals में फेल हो जाते हैं। सालों तक, इससे बाहर निकलने का विकल्प महंगा था। फिर, 2025 के अंत के एक छोटे से दौर में, सबके पैरों तले frontend का पूरा सवाल ही बदल गया।
2025 के अंत में क्या बदला
दो महत्वपूर्ण घटनाएं हुईं जो अलग-अलग दिशाओं की ओर इशारा करती हैं। पहली, Hyva मुफ़्त हो गया। 10 नवंबर, 2025 को Hyva ने घोषणा की कि वह अपनी थीम को Open Software License 3.0 (OSL-3.0) और Academic Free License 3.0 (AFL-3.0) के तहत रीलाइसेंस कर रहा है। इसका मतलब है कि इसे मुफ़्त में इस्तेमाल किया जा सकता है और कमर्शियल लाइसेंस के तहत पुनर्वितरित किया जा सकता है। इससे पहले, Hyva Theme के लिए एक सशुल्क लाइसेंस की आवश्यकता होती थी, जिसकी कीमत प्रति स्टोर लगभग 1,000 यूरो (लगभग 1,000 डॉलर) बताई गई थी। यह कीमत Luma के साथ ही बने रहने वाली कई टीमों के लिए एक बड़ी बाधा थी।
दूसरा, Adobe ने PWA Studio से आगे कदम बढ़ा लिया। यह किसी औपचारिक अंत से चिह्नित नहीं था, बल्कि फोकस में एक बदलाव था। Adobe का ध्यान अब Edge Delivery Services की ओर मुड़ गया है, जिससे PWA Studio ठीक उसी तरह मेंटेनेंस मोड में रह गया है जैसा कि लंबे समय से Luma की स्थिति रही है।
Luma एक समस्या क्यों थी
यह समझने के लिए कि Hyva को लोकप्रियता क्यों मिली, यह देखना महत्वपूर्ण है कि यह किस चीज़ से दूर जा रहा था। क्लासिक Luma frontend चार ऐसी तकनीकों पर बना है जो 2015 में सही थीं लेकिन आज पुरानी हो चुकी हैं: डेटा बाइंडिंग के लिए Knockout.js, मॉड्यूल लोडिंग के लिए RequireJS, DOM मैनिपुलेशन के लिए jQuery, और स्टाइल्स के लिए LESS। समस्या यह नहीं है कि इनमें से कोई तकनीक खराब है; बल्कि उनका संयुक्त भार समस्या है। Luma का आर्किटेक्चर एक ऐसे storefront को जन्म देता है जो अक्सर एक बड़ा JavaScript बंडल भेजता है, जिससे परफॉर्मेंस मेट्रिक्स खराब होते हैं।
एजेंसियों ने बताया है कि एक सामान्य Luma प्रोडक्ट पेज सैकड़ों फ़ाइलों में एक मेगाबाइट से भी अधिक JavaScript लोड कर सकता है। भले ही आप इसे ऑप्टिमाइज़ कर सकते हैं, फिर भी आप इसके आर्किटेक्चर से बंधे रहते हैं।
Hyva का समाधान: कम JavaScript
Hyva ने एक महत्वपूर्ण आर्किटेक्चरल निर्णय लिया: सर्वर पर रेंडर करें और ब्राउज़र को लगभग कोई JavaScript न भेजें। यह Knockout, RequireJS, jQuery, और LESS को हटा देता है, और इसके बजाय स्टाइलिंग के लिए Tailwind CSS और आवश्यक थोड़ी-बहुत इंटरएक्टिविटी के लिए Alpine.js का उपयोग करता है। Alpine.js आपको किसी मॉड्यूल लोडर की जटिलता के बिना सीधे HTML मार्कअप में बिहेवियर जोड़ने की सुविधा देता है।
इसका मतलब है कि एक पेज सर्वर से पूरी तरह रेंडर होकर आता है, और Alpine कुछ इंटरएक्टिव एलिमेंट्स को संभालता है। परफॉर्मेंस में सुधार महत्वपूर्ण है क्योंकि डाउनलोड, पार्स और निष्पादित करने के लिए बहुत कम JavaScript होती है। मेन-थ्रेड वर्क में कटौती के कारण, Hyva पर माइग्रेट करने वाली टीमों ने Core Web Vitals में फेल होने से पास होने की स्थिति में आने की जानकारी दी है।
"मुफ़्त" की वास्तविकता
इस संदर्भ में यह स्पष्ट करना महत्वपूर्ण है कि "मुफ़्त" का क्या अर्थ है। Hyva Theme और इसके कम्पैटिबिलिटी मॉड्यूल अब ओपन सोर्स हैं। हालांकि, Hyva Checkout, Hyva Enterprise, और Hyva Commerce अभी भी पेड प्रोडक्ट्स हैं। इसलिए, जहां मुफ़्त Hyva थीम पर बना स्टोर वास्तव में मुफ़्त है, वहीं जो स्टोर Hyva का डेडिकेटेड चेकआउट चाहता है, उसे अभी भी लागत उठानी पड़ेगी। प्रति स्टोर एक हज़ार डॉलर की पिछली आवश्यकता की तुलना में यह एक उचित सौदा है।
PWA Studio: समाप्त नहीं, बस अलग
PWA Studio, Adobe का React-आधारित headless storefront, न तो समाप्त हुआ है और न ही डेप्रिकेट किया गया है। इसे अभी भी अपडेट मिलते हैं, जिसका वर्शन 14.5.1 मई 2026 में जारी किया गया था। हालांकि, Adobe का ध्यान इससे हट गया है। अब इसके रिलीज़ में नए फीचर्स के बजाय कम्पैटिबिलिटी और सुरक्षा अपडेट शामिल होते हैं। संक्षेप में, PWA Studio अभी भी काम कर रहा है, लेकिन यह अब Adobe के लिए भविष्य की दिशा नहीं रहा।
Adobe की नई दिशा: Edge Delivery Services
Adobe का भविष्य का फोकस Edge Delivery Services पर है, जिसका उद्देश्य कंपोनेंट्स को जोड़कर और एज (edge) से कंटेंट सर्व करके तेज़ storefronts प्रदान करना है। यह दृष्टिकोण हल्का और कुशल होने के लिए डिज़ाइन किया गया है, लेकिन इसके साथ कुछ समझौते (trade-offs) भी आते हैं जिन पर उपयोगकर्ताओं को विचार करना चाहिए।
निष्कर्ष
2025 के अंत तक Magento frontend परिदृश्य में महत्वपूर्ण बदलाव आए हैं। Hyva के अब मुफ़्त होने और PWA Studio के मेंटेनेंस मोड में होने से, व्यापारियों के पास 2026 में अपने storefronts के लिए विचार करने के नए विकल्प हैं।
फायदे
- किफायती: Hyva अब मुफ़्त है, जिससे यह अधिक व्यापारियों के लिए सुलभ हो गया है।
- बेहतर परफॉर्मेंस: Hyva का आर्किटेक्चर बेहतर Core Web Vitals स्कोर की ओर ले जाता है।
- सरल डेवलपमेंट: कम JavaScript का मतलब है आसान रखरखाव और तेज़ लोड समय।
नुकसान
- कम्पैटिबिलिटी संबंधी समस्याएं: Luma के लिए बने पुराने (legacy) एक्सटेंशन Hyva के साथ काम नहीं कर सकते हैं।
- सशुल्क फीचर्स: Hyva के कुछ फीचर्स अभी भी कमर्शियल हैं, जिससे अतिरिक्त लागत आ सकती है।
सावधानी
यह लेख शैक्षणिक उद्देश्यों के लिए है। किसी भी प्लेसहोल्डर मान को वास्तविक डेटा से बदला जाना चाहिए, और पाठकों को उन पर भरोसा करने से पहले मूल स्रोतों से दावों की पुष्टि करनी चाहिए।
अक्सर पूछे जाने वाले प्रश्न
- Hyva क्या है? — Hyva, Magento के लिए एक frontend समाधान है जो Luma थीम की जगह लेता है और अब मुफ़्त में उपलब्ध है।
- Hyva मुफ़्त क्यों हुआ? — बेहतर frontend परफॉर्मेंस चाहने वाले व्यापारियों के लिए बाधाओं को कम करने के लिए Hyva मुफ़्त हुआ।
- PWA Studio क्या है? — PWA Studio, Magento के लिए Adobe का React-आधारित headless storefront है, जो अब मेंटेनेंस मोड में है।
- Edge Delivery Services क्या हैं? — Edge Delivery Services एज (edge) तकनीक का उपयोग करके तेज़ storefronts प्रदान करने के लिए Adobe का नया फोकस है।
- Hyva परफॉर्मेंस में कैसे सुधार करता है? — Hyva ब्राउज़र को भेजे जाने वाले JavaScript की मात्रा को कम करता है, जिससे लोड समय और इंटरएक्टिविटी में सुधार होता है।
- क्या Hyva से जुड़ी कोई लागत है? — हालांकि Hyva Theme मुफ़्त है, फिर भी Hyva Checkout जैसे कुछ फीचर्स सशुल्क हैं।
टैग
#magento #ecommerce #frontend #webdev #hyva #pwa #adobe #corewebvitals #performance #webdevelopment
Linux Server Hardening Checklist
30 practical steps to take a fresh Linux box from default to defensible. Enter your email — you'll get the PDF instantly, plus new posts on Linux, security & AI.
Free. No spam — unsubscribe in one click.


Responses
Sign in to leave a response.