{"id":326661,"date":"2022-04-01T18:09:22","date_gmt":"2022-04-01T18:09:22","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=326661"},"modified":"2024-09-03T13:37:40","modified_gmt":"2024-09-03T13:37:40","slug":"hyva-themes-the-optimized-theme-for-magento-2-theme","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/","title":{"rendered":"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2"},"content":{"rendered":"\n
\"image-81\"<\/figure>\n\n\n\n

Magento 2<\/a> is very much popular in the e-commerce sector because it offers overall control of the store to owners.<\/p>\n\n\n\n

However, every store owner expected that their store theme view should be superfast, optimized, and SEO friendly. <\/p>\n\n\n\n

But unfortunately, the Magento 2 default theme lack this expectation of the store owners. Hence to fulfill the expectation of the store owners Hyva theme came into the picture.<\/p>\n\n\n\n

Hyv\u00e4 Themes<\/a> are build from scratch using a completely blank theme. All layout.xml, phtml files and all the JavaScripts were removed.<\/p>\n\n\n\n

The purpose of this theme is to eliminate all the third-party libraries were using by Magento 2 like Knockout, Require, jQuery, and unwanted js libraries and LESS stylesheet files which cause a problem of render-blocking for optimization.<\/p>\n\n\n\n

Hyv\u00e4 Themes were build by using ViewModels, Tailwind CSS<\/a>, and AlpineJs<\/a> V2. <\/p>\n\n\n\n

Hence using Inline tailwind CSS and inline Alpinejs will avoid the problem of render-blocking which ultimately help to get a good score in PageSpeed Insights because we were going to write the Alpinejs in the phtml file itself and add tailwind CSS on the element as an inline CSS.<\/p>\n\n\n\n

Also, see Hyva Theme Extensions<\/a>, which are out-of-the-box compatible with Hyv\u00e4 themes.<\/p>\n\n\n\n

Core principles of the Hyv\u00e4  Theme<\/strong>
\u2022 To reduce complexity
\u2022 To improve performance
\u2022To improve the developer experience
\u2022To improve development velocity
\u2022 To reduce the dependencies
\u2022 To reduce the learning curve
Here is the demo site for the Hyv\u00e4 Themes.<\/p>\n\n\n\n

Conclusion<\/h2>\n\n\n\n

Hyv\u00e4  theme is the future of Magento 2 storefront theme with having only two dependencies Tailwind CSS and AlpineJS which help to make the store super fast, better optimized, good user experience while shopping, a good Google score, <\/p>\n\n\n\n

Next Blog:- Installation of Hyv\u00e4 Themes in Magento 2.4.x<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Magento 2 is very much popular in the e-commerce sector because it offers overall control of the store to owners. However, every store owner expected that their store theme view should be superfast, optimized, and SEO friendly. But unfortunately, the Magento 2 default theme lack this expectation of the store owners. Hence to fulfill the […]<\/a><\/p>\n","protected":false},"author":422,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[2070],"class_list":["post-326661","post","type-post","status-publish","format-standard","hentry","category-magento-2","tag-magento2"],"yoast_head":"\nHyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2 - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Hyva Themes is an optimized theme for Magento 2 which eliminated the third-party libraries and having only two dependencies AlpineJS and Tailwind CSS\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2 - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Hyva Themes is an optimized theme for Magento 2 which eliminated the third-party libraries and having only two dependencies AlpineJS and Tailwind CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-01T18:09:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-03T13:37:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81-1200x614.png\" \/>\n<meta name=\"author\" content=\"Shreyas Vispute\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shreyas Vispute\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/\"},\"author\":{\"name\":\"Shreyas Vispute\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d4ed4835e93c06b089c32370181b1033\"},\"headline\":\"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2\",\"datePublished\":\"2022-04-01T18:09:22+00:00\",\"dateModified\":\"2024-09-03T13:37:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/\"},\"wordCount\":290,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81-1200x614.png\",\"keywords\":[\"Magento2\"],\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/\",\"url\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/\",\"name\":\"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2 - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81-1200x614.png\",\"datePublished\":\"2022-04-01T18:09:22+00:00\",\"dateModified\":\"2024-09-03T13:37:40+00:00\",\"description\":\"Hyva Themes is an optimized theme for Magento 2 which eliminated the third-party libraries and having only two dependencies AlpineJS and Tailwind CSS\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81.png\",\"width\":1887,\"height\":965,\"caption\":\"image-81\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d4ed4835e93c06b089c32370181b1033\",\"name\":\"Shreyas Vispute\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c979339c2c52bba9ace844f53c8b0199863bb13db9c69398cf7e8f9ac338524b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c979339c2c52bba9ace844f53c8b0199863bb13db9c69398cf7e8f9ac338524b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Shreyas Vispute\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/shreyas-vilas522\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2 - Webkul Blog","description":"Hyva Themes is an optimized theme for Magento 2 which eliminated the third-party libraries and having only two dependencies AlpineJS and Tailwind CSS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/","og_locale":"en_US","og_type":"article","og_title":"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2 - Webkul Blog","og_description":"Hyva Themes is an optimized theme for Magento 2 which eliminated the third-party libraries and having only two dependencies AlpineJS and Tailwind CSS","og_url":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2022-04-01T18:09:22+00:00","article_modified_time":"2024-09-03T13:37:40+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81-1200x614.png","type":"","width":"","height":""}],"author":"Shreyas Vispute","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Shreyas Vispute","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/"},"author":{"name":"Shreyas Vispute","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d4ed4835e93c06b089c32370181b1033"},"headline":"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2","datePublished":"2022-04-01T18:09:22+00:00","dateModified":"2024-09-03T13:37:40+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/"},"wordCount":290,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81-1200x614.png","keywords":["Magento2"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/","url":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/","name":"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2 - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81-1200x614.png","datePublished":"2022-04-01T18:09:22+00:00","dateModified":"2024-09-03T13:37:40+00:00","description":"Hyva Themes is an optimized theme for Magento 2 which eliminated the third-party libraries and having only two dependencies AlpineJS and Tailwind CSS","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/03\/image-81.png","width":1887,"height":965,"caption":"image-81"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/hyva-themes-the-optimized-theme-for-magento-2-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Hyv\u00e4\u00a0 Themes \u2013 The optimized theme for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d4ed4835e93c06b089c32370181b1033","name":"Shreyas Vispute","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c979339c2c52bba9ace844f53c8b0199863bb13db9c69398cf7e8f9ac338524b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c979339c2c52bba9ace844f53c8b0199863bb13db9c69398cf7e8f9ac338524b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Shreyas Vispute"},"url":"https:\/\/webkul.com\/blog\/author\/shreyas-vilas522\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/326661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/422"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=326661"}],"version-history":[{"count":15,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/326661\/revisions"}],"predecessor-version":[{"id":460504,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/326661\/revisions\/460504"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=326661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=326661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=326661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}