Motywy Hyva dla Magento: co, dlaczego i jak?

Z nazwą „Hyva” mogłeś ostatnio spotkać się w różnych miejscach, od wielu wydarzeń offline, takich jak Webwinkel Vakdagen w Holandii, Meet Magento NYC/UK, Hyva Camp w Niemczech, po wydarzenia wirtualne (Hyva meetup, Hyva Hackathon). Co więcej, niektórzy powszechni dostawcy rozszerzeń Magento ogłosili, że ich produkty są teraz kompatybilne z motywami Hyva.

Jeszcze nie, według Builtwith, obecnie 1178 stron internetowych korzysta z motywów Hyva, z czego 246, 202 i 168 znajdują się odpowiednio w Belgii, Holandii i Stanach Zjednoczonych.

Tak więc, jeśli jesteś programistą Magento lub sprzedawcą Magento, możesz się zastanawiać, czym jest motyw Hyva. W tym artykule ujawnimy wszystko, co musisz wiedzieć o tym specjalnym motywie – od korzyści, jakie oferuje, po rozpoczęcie korzystania z niego. Gotowy żeby zacząć? Czytaj!

Czym jest motyw Hyva Magento 2?

Jak wpadł na pomysł tematu?

Magento oferuje wiele zalet, takich jak elastyczność dostosowywania i możliwości wielu sklepów dla sklepów internetowych. Niestety przód Magento nie jest mocną stroną platformy. Jego komponenty interfejsu użytkownika są dość wyrafinowane i dodają mnóstwo dodatkowego wysiłku do procesu rozwoju. Nawet wykwalifikowani programiści wymagają intensywnego szkolenia, aby wprowadzić drobne zmiany. Kolejną kwestią motywu Magento Luma jest pokaźna ilość kodu JavaScript, która wydłuża czas ładowania i jest trudna do optymalizacji.

Ogólnie rzecz biorąc, istnieją trzy główne wady korzystania z domyślnego motywu Magento:

• Jest niezmiernie powolny
• Ma wiele martwych kodów
• Dostosowanie wymaga czasu

Dlatego pojawiła się Hyva.

Przegląd motywów Hyva

Hyva to niekonwencjonalny motyw Magento 2. Usuwając niewygodne biblioteki, takie jak RequireJS, KnockoutJS i jQuery ze standardowej kanwy szablonów Adobe Magento, i używając zamiast tego lżejszych AlpineJS i TailwindCSS, Hyva staje się obecnie jednym z najszybszych szablonów Magento.

Pozwól nam to uprościć! Hyva to motyw dla Magento 2, który eliminuje wszystkie niepotrzebne elementy w kodzie i zmienia niektóre biblioteki programistyczne, aby działał wydajniej.

Koszt

Jaka jest cena motywów Hyva? Hyva oferuje jednorazowy zakup licencji, która kosztuje 1000 €, bez VAT.

Wraz z licencją na Hyva Themes otrzymujesz pełny dostęp do kodu źródłowego i nieograniczone aktualizacje. Oznacza to, że zawsze możesz być na bieżąco z najnowszymi funkcjami i ulepszeniami, bez konieczności ponoszenia dodatkowych opłat. Dodatkowo otrzymujesz jedną instalację Magento 2 z nieograniczoną liczbą domen i widoków sklepu.

>>> Kup motywy Hyva

Czy warto?

Jeśli chcesz poprawić szybkość i wydajność swojej witryny, dostępnych jest kilka różnych opcji. Jedną z opcji jest zainstalowanie rozszerzenia Magento 2 Page Speed ​​Optimization. Rozszerzenia te mogą mieć cenę od 99 do 599 USD rocznie, bez opłat instalacyjnych.

Inną opcją jest skorzystanie z usług optymalizacji prędkości. Usługi te mogą zazwyczaj kosztować od 500 do 2000 USD.

Na koniec możesz również zintegrować PWA (Progressive Web App) ze swoją witryną. Ta opcja może kosztować od 3000 do 20 000 USD.

Dla porównania, jeśli korzystasz z motywów Hyva, koszt ich zakupu, a także dostosowania mogą ponieść podobny koszt wdrożenia PWA.

Jeśli szukasz najlepszego sposobu na zwiększenie szybkości witryny Magento, powinieneś rozważyć wyłącznie rozwiązania PWA i Hyva. To jedyne opcje, które naprawdę mogą poprawić wydajność Twojej witryny. Wszystkie inne rozszerzenia optymalizacji szybkości strony Magento są nieskuteczne w porównaniu. (Szybkie porównanie tych dwóch rozwiązań przedstawimy w dalszej części artykułu.)

Zasoby

• Prezentacja motywu Hyva
• Dokumentacja online motywu Hyva
• Github z motywem Hyva

40 Przykładowe zastosowania motywu Hyva/studia przypadków:

Dlaczego motywy Hyva? Jakie są ich podstawowe wartości?

Być może zastanawiasz się, dlaczego właściciele sklepów Magento chcieliby używać motywu Hyva i dlaczego programiści uznaliby je za korzystne. Największą korzyścią dla właścicieli sklepów jest zwiększenie szybkości ładowania strony internetowej i w rezultacie SEO. Deweloperzy Magento uważają również, że motywy Hyva są łatwiejsze do dostosowania dzięki skróconej krzywej uczenia się, dzięki prostej i mądrej strukturze.

Poza tym wydaje się, że zespół Hyva koncentruje się na poprawie doświadczenia programistów bardziej niż na korzyściach dla handlowców, gdy 4 z 6 ich podstawowych zasad dotyczy programistów (2 dla handlowców i 1 dla obu):

• zmniejszona złożoność (dla programistów)
• poprawiona wydajność (dla sprzedawców)
• ulepszone środowisko programistyczne (dla programistów)
• poprawiona szybkość rozwoju (dla deweloperów i handlowców)
• zmniejszone zależności (dla programistów)
• skrócona krzywa uczenia się (dla programistów)

Przyjrzyjmy się dokładniej, dlaczego przedsiębiorcy i programiści powinni rozważyć użycie motywów Hyva w swoich sklepach/projektach Magento:

Dla właścicieli sklepów Magento – Osiągnij przyspieszoną szybkość strony i wysokie wyniki w Google PageSpeed ​​Insights

Hyva oferuje rozwiązanie do renderowania po stronie serwera (SSR), które drastycznie zmniejsza ilość danych wymaganych do renderowania stron na serwerze. Może to prowadzić do szybszego ładowania strony, co jest oczywiście korzystne dla wydajności sklepu i użytkowników końcowych. Co więcej, niesamowicie szybkie strony internetowe oparte na technologii Hyva prawdopodobnie osiągną wyższe pozycje w wynikach wyszukiwania, ponieważ szybkość strony jest jednym z potwierdzonych czynników rankingowych Google.

Poniżej znajdują się wyniki dla motywu Hyva Magento w teście szybkości strony Google. Jak widać, wszystkie wyniki (zarówno wersji stacjonarnej, jak i mobilnej) są imponujące, od 91 do 100:

Warto zauważyć, że strona demonstracyjna Hyva została zbudowana z myślą o wydajności, co wyjaśnia jej świetne wyniki w zakresie szybkości strony. Jeśli jednak tworzysz bardziej złożoną witrynę eCommerce, wyniki mogą się różnić. Dzieje się tak, ponieważ witryna demonstracyjna Hyva zawiera bardzo podstawową funkcjonalność – nie ma ani suwaków banerów, ani wyrafinowanych stylów – z niewielką liczbą produktów.

W przeciwieństwie do tego, większość rzeczywistych stron internetowych Magento zazwyczaj zawiera setki do tysięcy produktów, które są powiązane z kilkoma obrazami dla każdego przedmiotu i wieloma banerami promocyjnymi na stronie. Dlatego ważne jest, aby skonsultować się z ekspertem, który może przewidzieć, jak wydajność witryny może się poprawić po zainstalowaniu motywu Hyva.

Dla programistów Magento – ucz się mniej i szybciej, koduj wydajniej

Jeśli jesteś programistą, przekonasz się, że Hyva ma znacznie bardziej stopniową krzywą uczenia się. Dzieje się tak, ponieważ możesz korzystać ze znanych narzędzi do tworzenia frontendu i backendu Magento. Dlatego nie zajmie dużo czasu, aby rozpocząć korzystanie z motywu i zostać programistą Magento Hyva.

Oficjalna dokumentacja jest świetnym źródłem do nauki korzystania z Hyvy, a także zrozumienia struktury motywu i sposobu jego budowania przy użyciu tylko 2 zależności: AlpineJS i Tailwind CSS. Gdy już dobrze zrozumiesz te podstawy, możesz rozpocząć tworzenie własnych dostosowań w motywie.

Krótko mówiąc, motyw Magento Hyva jest szybki w nauce i pozwala zaoszczędzić czas i wysiłek w tworzeniu w pełni responsywnych i szybkich witryn sklepowych Magento.

Jak zastosować motywy Hyva na stronach internetowych Magento?

Dla właścicieli sklepów Magento

Jeśli chodzi o rozwój motywów Magento Hyva, istnieje coraz więcej dostawców usług do wyboru. Jeśli chcesz zwiększyć wydajność swojej obecnej witryny lub rozpocząć nowy projekt tworzenia stron internetowych, ważne jest, aby znaleźć zaufaną i doświadczoną firmę zajmującą się tworzeniem motywów Hyva.

Przy wyborze firmy zajmującej się tworzeniem motywów Magento 2 Hyva należy pamiętać o kilku rzeczach. Najpierw zapytaj o ich doświadczenie i wiedzę w tym temacie. Pamiętaj też, aby zapytać o ich ceny, abyś mógł pozostać w swoim budżecie.

Po znalezieniu kilku potencjalnych kandydatów nadszedł czas, aby skontaktować się i rozpocząć dyskusję na temat swojego projektu. Powinieneś podać jak najwięcej szczegółów, aby firma mogła dostarczyć Ci dokładną wycenę. Przy odrobinie badań i należytej staranności możesz znaleźć idealną firmę zajmującą się tworzeniem motywów Magento Hyva dla swoich potrzeb.

Tigren to wiodąca usługa tworzenia motywów Hyva z ponad 10-letnim doświadczeniem w tworzeniu stron internetowych Magento. Mamy zespół wykwalifikowanych i doświadczonych programistów, którzy są ekspertami w zakresie tworzenia motywów Hyva i mogą pomóc Ci w maksymalnym wykorzystaniu Twojej inwestycji. Skontaktuj się z nami już dziś, aby dowiedzieć się więcej o naszych usługach, otrzymać bezpłatną wycenę i jak możemy pomóc Ci przenieść Twój biznes na wyższy poziom.

Dla programistów Magento

Jeśli jesteś programistą i chcesz dowiedzieć się, jak korzystać z motywu Hyva, dostępne są dwa wspaniałe zasoby: kurs szkoleniowy online Yireo (od 259 EUR/rok/osoba) lub nauka samodzielnie w oparciu o oficjalną dokumentację Hyva i własne ustalenia o AlpineJS i TailwindCSS.

Obie opcje mają swoje zalety – kurs online jest wygodny, ponieważ zawiera samouczki wideo oraz interaktywne ćwiczenia, a samokształcenie pozwala skupić się na konkretnych tematach, które najbardziej Cię interesują. Istnieje również wiele bezpłatnych samouczków dotyczących instalowania motywu Hyva na stronach Magento 2, które mogą okazać się przydatne.

Motyw Hyva kontra progresywna aplikacja internetowa (PWA): szybkie porównania

W sieci toczy się wiele dyskusji na temat tego, który motyw Magento jest lepszy – Hyva czy Magento PWA. Wierzymy jednak, że obie mają swoje mocne strony i są jak lewa i prawa ręka o różnych funkcjach i celach, które są korzystne dla sklepów Magento.

Dlatego nie ma sensu porównywać i zastanawiać się, co jest mocniejsze. Innymi słowy, nie ma nic lepszego od drugiego, ale musisz znać różnice między dwoma rodzajami motywów, aby wybrać ten, który najlepiej odpowiada Twoim potrzebom.

Podobieństwa

• Oba pomagają znacznie zwiększyć szybkość witryny Magento, co jest dobre dla SEO
• Oba nie działają bezpośrednio z rozszerzeniami Magento 2 innych firm
• Oba są tylko dla Magento 2
• Oba są w pełni responsywne
• Oba można łatwo dostosować do różnych potrzeb
• Opracowanie obu może zająć zaledwie kilka dni/tygodni lub miesięcy, w zależności od złożoności projektu i kompetencji programistów.

Różnice

• Głównym celem Hyva jest zwiększenie szybkości strony internetowej i zmniejszenie obciążenia programistów, podczas gdy Magento PWA ma poprawić wrażenia użytkownika dzięki wyglądowi i działaniu podobnemu do aplikacji (nie tylko w tym szybkie ładowanie, ale także możliwość dodawania do urządzenia mobilnego). ekran główny i wysyłanie powiadomień push).
• Hyva jest zintegrowanym frontendem w Magento, podczas gdy PWA to osobna witryna sklepowa, która zastępuje frontend Magento.
• Motywy Hyva są dostarczane przez firmę Hyva; w międzyczasie istnieje wiele różnych firm deweloperskich Magento, które oferują motywy Magento PWA.
• Motywy Hyva kosztują 1000 €, podczas gdy koszty motywów PWA dla Magento są różne, od darmowych do 1000 $. Opłaty za dostosowanie motywu zależą od wybranego partnera programistycznego.

Więc co będzie lepsze?

Jeśli jesteś programistą Magento, możesz preferować motywy Hyva, ponieważ są one bardziej przyjazne dla programistów. Niemniej jednak z punktu widzenia właścicieli sklepów, który pomija czynnik wysiłku dewelopera, odpowiedź może brzmieć 50-50.

Dla tych, którzy szukają rozwiązania optymalizującego tylko szybkość swojej strony internetowej, motyw Hyva Magento 2 będzie idealnym wyborem. Ale dla tych, którzy chcą nie tylko przyspieszyć swoje strony internetowe, ale także platformę, która działa doskonale zarówno na urządzeniach stacjonarnych, jak i mobilnych i może wysyłać powiadomienia push w celach marketingowych, motywy Magento PWA mogą być lepiej dopasowane.

Często Zadawane Pytania

1. Jakie są zalety i wady tworzenia motywów Hyva?

Plusy :

• Szybkość: Szybkość Twojej witryny może decydować o tym, czy klient dokona zakupu, czy przejdzie do innej witryny. Dzięki Hyva możesz mieć pewność, że Twoja witryna załaduje się szybko i sprawnie. Ten motyw jest idealny dla sprzedawców, którzy chcą zapewnić swoim klientom szybkie i bezproblemowe korzystanie z Internetu.
• Prostota: Motywy Hyva Magento 2 zostały zbudowane z naciskiem na zmniejszenie poziomu złożoności. Jest zbudowany z mniejszą liczbą zależności, co oznacza, że ​​nie będziesz musiał zarządzać niepotrzebnymi bibliotekami i funkcjami. Dzięki temu korekty i dostosowania są szybsze i łatwiejsze. Powoduje to, że programiści potrzebują mniej czasu i wysiłku, aby zastosować i dostosować motyw Hyva w swoich projektach.
• Społeczność: Dzięki wsparciu silnej i rozwijającej się społeczności motyw Hyva staje się bardziej atrakcyjną opcją dla wielu kupców. Decydując się na użycie motywu Hyva, uzyskujesz dostęp do społeczności Hyva poprzez pokój Slack. Hyva Community Slack Channel to świetne miejsce do wymiany pomysłów i uzyskania wsparcia od innych członków społeczności. Jeśli kiedykolwiek wpadniesz w kłopoty lub masz pilne pytanie, ktoś ze społeczności będzie na miejscu, aby Ci pomóc. Co więcej, dzięki wysiłkom społeczności, zawsze powstają nowe rozszerzenia i funkcje dla Hyva.

Cons:

• Kompatybilność rozszerzeń: jeśli używasz motywu opartego na Hyva, może się okazać, że niektóre rozszerzenia innych firm nie są kompatybilne. Dzieje się tak, ponieważ Hyva usuwa wszystkie dodatkowe zależności, które mogą powodować problemy z niekompatybilnością. Aby rozwiązać ten problem, zespół Hyva nawiązał współpracę z niektórymi popularnymi dostawcami rozszerzeń Magento 2, aby zaoferować moduły kompatybilności. Do tej pory istnieją 53 wtyczki kompatybilne z Hyva.

• Koszt: Jeśli szukasz szybkiego i niezawodnego motywu do swojego sklepu Magento, Hyva to świetna opcja. Należy jednak pamiętać, że koszt Hyva to jednorazowa opłata w wysokości 1000 euro za licencję. Może to być trochę drogie dla małych firm, więc pamiętaj, aby uwzględnić to w swoim budżecie. Dodatkowo opłaty za instalację i dostosowanie mogą wynosić od 5000 do 50 000 euro, dlatego przed podjęciem ostatecznej decyzji powinieneś uzyskać oferty od wielu dostawców.
• Projekt: Jeśli szukasz prostego i przejrzystego projektu swojego sklepu eCommerce, Hyva może być świetną opcją. Motyw jest zbudowany tak, aby zmaksymalizować szybkość, więc może nie być odpowiedni dla sklepów z wieloma banerami i efektami.

2. Czy motywy Hyva można zastosować w sklepach Magento 1?

Jeśli prowadzisz witrynę Magento 1, musisz przeprowadzić migrację do Magento 2, zanim będziesz mógł zainstalować i używać motywu Hyva. Choć może się to wydawać kłopotliwe, w rzeczywistości jest to dobra okazja do poprawy bezpieczeństwa i wydajności witryny.

Magento 1 nie jest już obsługiwane, co oznacza, że ​​wszelkie wykryte luki w zabezpieczeniach nie zostaną naprawione. To naraża Twoją witrynę na ryzyko włamania lub włamania.

Aktualizacja do Magento 2 zapewni również dostęp do motywu Hyva, który został zaprojektowany z myślą o szybkości i wydajności. Po zainstalowaniu Hyva Twoja witryna będzie ładować się szybciej niż kiedykolwiek wcześniej, zapewniając odwiedzającym lepsze wrażenia.

3. Czy motywy Hyva mogą rozwiązać wszystkie problemy z wolnym ładowaniem stron internetowych Magento?

Jeśli zauważysz, że Twoja witryna ładuje się powoli, możesz zrobić kilka rzeczy, aby ją przyspieszyć. Jednym z nich jest użycie motywu Hyva, który pomoże szybciej ładować wyniki zarówno na komputerach stacjonarnych, jak i mobilnych. Jeśli jednak nadal widzisz niską wydajność, prawdopodobnie jest to spowodowane wolnymi zapytaniami do bazy danych. Jest to szczególnie ważne, jeśli Twoja baza danych znacznie się rozrosła z powodu uruchomienia wielu witryn.

Hyva może pomóc skrócić kilka sekund czasu ładowania, ale aby uzyskać optymalną wydajność, warto również przyjrzeć się operacjom zaplecza, zoptymalizować zapytania i odpowiednio skonfigurować bazę danych. Ponadto rozważ migrację do najnowszych wersji MySQL i PHP. Podejmując te kroki, możesz upewnić się, że Twoja witryna ładuje się szybko i płynnie dla wszystkich użytkowników.

4. Czy motywy Hyva są kompatybilne z Magento Open Source i Adobe Commerce?

Motywy opracowane przez Hyva są obecnie kompatybilne tylko z Magento 2 Open Source. Nie dotyczy to jednak Adobe Commerce. Adobe Commerce to wersja Magento na poziomie korporacyjnym, z której korzystają głównie znane firmy z branży eCommerce. Motywy Hyva koncentrują się na zapewnieniu zgodności jej struktury ze wszystkimi funkcjami Adobe Commerce i spodziewają się, że zostanie to ukończone w ciągu kilku nowych miesięcy.

Hyva dokłada wszelkich starań, aby zapewnić swoim użytkownikom jak najlepsze wrażenia, niezależnie od używanej wersji Magento. Mając to na uwadze, Hyva jest przekonana, że ​​w najbliższej przyszłości będzie w stanie zapewnić pełne wsparcie zarówno dla Magento Open Source, jak i Adobe Commerce.

5. Która wersja Magento jest wymagana do konfiguracji motywu Hyva?

Jeśli obecnie używasz starszej wersji Magento, aby korzystać z motywów Hyva, musisz zaktualizować Magento do wersji 2.4 lub nowszej. Gdy to zrobisz, będziesz mógł korzystać ze wszystkich wspaniałych funkcji i korzyści, jakie oferuje Hyva!