Temas de Hyva para Magento: ¿Qué, por qué y cómo?

Es posible que haya encontrado recientemente el nombre "Hyva" en diferentes lugares, desde muchos eventos fuera de línea como Webwinkel Vakdagen en los Países Bajos, Meet Magento NYC/UK, Hyva Camp en Alemania hasta eventos virtuales (Hyva meetup, Hyva Hackathon). Además, algunos proveedores de extensiones de Magento prevalecientes anunciaron que sus productos ahora son compatibles con los temas de Hyva.

Todavía no, según Builtwith, hay 1.178 sitios web que utilizan Hyva Themes en este momento, de los cuales 246, 202 y 168 se encuentran en Bélgica, los Países Bajos y los Estados Unidos, respectivamente.

Entonces, si es un desarrollador de Magento o un comerciante de Magento, es posible que se pregunte qué es el tema de Hyva. En este artículo, revelaremos todo lo que necesita saber sobre este tema especial, desde los beneficios que ofrece hasta cómo comenzar a usarlo. ¿Preparado para comenzar? ¡Sigue leyendo!

¿Qué es el tema Hyva Magento 2?

¿Cómo surgió la idea del tema?

Magento ofrece muchas ventajas, como flexibilidad de personalización y capacidades de múltiples tiendas para tiendas web. Lamentablemente, el front-end de Magento no es un punto fuerte de la plataforma. Sus componentes de interfaz de usuario son bastante sofisticados y agregan un montón de esfuerzo adicional al proceso de desarrollo. Incluso los codificadores expertos requieren una amplia formación para ejecutar cambios menores. Otro problema del tema Magento Luma es la gran cantidad de código JavaScript, que aumenta el tiempo de carga y es difícil de optimizar.

En general, hay tres desventajas principales al usar el tema predeterminado de Magento:

• es inmensamente lento
• Tiene muchos codigos muertos
• Se necesita tiempo para personalizar

Por eso entró Hyva.

Descripción general de los temas de Hyva

Hyva es un tema Magento 2 poco convencional. Al eliminar bibliotecas engorrosas como RequireJS, KnockoutJS y jQuery del lienzo de plantilla estándar de Adobe Magento, y usar AlpineJS y TailwindCSS, que son más ligeros, Hyva se convierte en una de las plantillas de Magento más rápidas en la actualidad.

¡Hagámoslo más simple! Hyva es un tema para Magento 2 que elimina todos los elementos innecesarios en el código y modifica algunas bibliotecas para que el desarrollo funcione de manera más eficiente.

Costo

¿Cuál es el precio de los temas de Hyva? Hyva ofrece una compra única de una licencia que cuesta 1000 €, sin IVA.

Con la licencia de Hyva Themes, recibe acceso completo al código fuente y actualizaciones ilimitadas. Esto significa que siempre puede estar actualizado sobre las últimas funciones y mejoras, sin tener que pagar tarifas adicionales. Además, obtiene una instalación de Magento 2 con dominios ilimitados y vistas de tiendas incluidas.

>>> Comprar temas de Hyva

¿Vale la pena?

Si está buscando mejorar la velocidad y el rendimiento de su sitio web, hay algunas opciones diferentes disponibles para usted. Una opción es instalar una extensión Magento 2 Page Speed ​​Optimization. Estas extensiones pueden variar en precio desde $99 a $599 por año, sin incluir las tarifas de instalación.

Otra opción es utilizar servicios de optimización de velocidad. Estos servicios normalmente pueden costar entre $ 500 y $ 2,000.

Finalmente, también puede optar por integrar PWA (Progressive Web App) en su sitio web. Esta opción puede costar entre $3,000 y $20,000.

En comparación, si usa Hyva Themes, el costo de comprarlo, así como la personalización, podría tener un costo similar al de implementar PWA.

Si está buscando la mejor manera de mejorar la velocidad de su sitio Magento, solo debe considerar las soluciones PWA y Hyva. Estas son las únicas opciones que realmente pueden mejorar el rendimiento de su sitio. Todas las demás extensiones de optimización de velocidad de página de Magento son ineficaces en comparación. (Le daremos una comparación rápida de estas dos soluciones en otra parte del artículo).

Recursos

• Demostración del tema Hyva
• Documentación en línea del tema Hyva
• Github del tema Hyva

40 Ejemplos de aplicación/estudios de casos del tema Hyva:

¿Por qué Temas Hyva? ¿Cuáles son sus valores fundamentales?

Quizás se pregunte por qué los propietarios de tiendas Magento querrían usar un tema de Hyva y por qué los desarrolladores los encontrarían beneficiosos. El mayor beneficio para los propietarios de tiendas es aumentar la velocidad de carga de la página de su sitio web y, como resultado, el SEO. Los desarrolladores de Magento también encuentran que los temas de Hyva son más fáciles de personalizar con una curva de aprendizaje más corta, gracias a su estructura simple y sabia.

Además, parece que el equipo de Hyva se enfoca en mejorar la experiencia del desarrollador más que los beneficios del comerciante cuando 4 de 6 de sus principios básicos son para desarrolladores (2 para comerciantes y 1 para ambos):

• complejidad reducida (para desarrolladores)
• rendimiento mejorado (para comerciantes)
• experiencia de desarrollador mejorada (para desarrolladores)
• velocidad de desarrollo mejorada (para desarrolladores y comerciantes)
• dependencias reducidas (para desarrolladores)
• curva de aprendizaje reducida (para desarrolladores)

Profundicemos en por qué los empresarios y programadores deberían considerar el uso de temas de Hyva para sus tiendas/proyectos de Magento:

Para propietarios de tiendas Magento: logre una velocidad de página acelerada y puntajes altos en Google PageSpeed ​​Insights

Hyva proporciona una solución de renderizado del lado del servidor (SSR) que reduce drásticamente la cantidad de datos necesarios para renderizar páginas en el servidor. Esto puede generar cargas de página más rápidas, lo que obviamente es beneficioso para el rendimiento de la tienda y los usuarios finales. Además, es probable que los sitios web ultrarrápidos impulsados ​​por Hyva alcancen posiciones más altas en los resultados de búsqueda, ya que la velocidad de la página es uno de los factores de clasificación de Google confirmados.

A continuación se muestran los resultados del tema Hyva Magento en la prueba de velocidad de la página de Google. Como puede ver, todas las puntuaciones (tanto de la versión de escritorio como de la móvil) son impresionantes, de 91 a 100:

Vale la pena señalar que el sitio web de demostración de Hyva se creó teniendo en cuenta el rendimiento, lo que explica sus excelentes resultados de velocidad de página. Sin embargo, si está creando un sitio web de comercio electrónico más complejo, sus resultados pueden variar. Esto se debe a que el sitio de demostración de Hyva contiene una funcionalidad muy básica, no tiene controles deslizantes de banner ni estilos sofisticados, con solo una pequeña cantidad de productos.

Por el contrario, la mayoría de los sitios web reales de Magento generalmente tienen cientos o miles de productos que se asocian con varias imágenes para cada artículo y muchos anuncios promocionales en el sitio. Por lo tanto, es importante consultar con un experto que pueda darle una predicción de cómo puede mejorar el rendimiento de su sitio si instala el tema Hyva.

Para desarrolladores de Magento: aprenda menos y más rápido, programe de manera más eficiente

Si es un desarrollador, encontrará que Hyva tiene una curva de aprendizaje mucho más gradual. Esto se debe a que puede usar las herramientas de desarrollo de frontend y backend de Magento que ya conoce. Por lo tanto, no tardará mucho en ponerse en marcha con el tema y convertirse en un desarrollador de Magento Hyva.

La documentación oficial es un gran recurso para aprender a usar Hyva, así como comprender la estructura del tema y cómo construirlo usando solo 2 dependencias: AlpineJS y Tailwind CSS. Una vez que tenga una buena comprensión de estos conceptos básicos, puede comenzar a crear sus propias personalizaciones en el tema.

En resumen, el tema Magento Hyva es rápido de aprender y le ahorrará tiempo y esfuerzo para crear escaparates Magento rápidos y totalmente receptivos.

¿Cómo aplicar los temas de Hyva a los sitios web de Magento?

Para propietarios de tiendas Magento

Cuando se trata del desarrollo de temas Magento Hyva, hay un número creciente de proveedores de servicios para elegir. Si está buscando mejorar el rendimiento de su sitio actual o comenzar un nuevo proyecto de desarrollo web, es importante encontrar una empresa de desarrollo de temas de Hyva de confianza y con experiencia.

Hay algunas cosas a tener en cuenta al seleccionar una empresa de desarrollo de temas Magento 2 Hyva. Primero, asegúrese de preguntar sobre su experiencia y conocimientos sobre este tema. Además, asegúrese de preguntar sobre sus precios para que pueda mantenerse dentro de su presupuesto.

Una vez que haya encontrado algunos candidatos potenciales, es hora de ponerse en contacto y comenzar a discutir su proyecto. Debe proporcionar tantos detalles como sea posible para que la empresa pueda proporcionarle una cotización precisa. Con un poco de investigación y diligencia debida, puede encontrar la empresa de desarrollo de temas Magento Hyva perfecta para sus necesidades.

Tigren es un servicio líder de desarrollo de temas de Hyva con más de 10 años de experiencia en el desarrollo de sitios web de Magento. Contamos con un equipo de desarrolladores capacitados y experimentados que son expertos en el desarrollo de temas de Hyva y pueden ayudarlo a aprovechar al máximo su inversión. Contáctenos hoy para obtener más información sobre nuestros servicios, obtener un presupuesto gratuito y cómo podemos ayudarlo a llevar su negocio al siguiente nivel.

Para desarrolladores de Magento

Si es un desarrollador y quiere aprender a usar el tema de Hyva, hay dos excelentes recursos disponibles: el curso de capacitación en línea de Yireo (a partir de 259 €/año/individual) o aprenderlo usted mismo según la documentación oficial de Hyva y sus propios hallazgos. sobre AlpineJS y TailwindCSS.

Ambas opciones tienen sus beneficios: el curso en línea es conveniente porque incluye tutoriales en video y ejercicios interactivos, mientras que el autoaprendizaje le permite concentrarse en los temas específicos que más le interesan. También hay muchos tutoriales gratuitos sobre cómo instalar el tema Hyva en los sitios web de Magento 2 que pueden resultarle útiles.

Hyva vs. Tema de la aplicación web progresiva (PWA): comparaciones rápidas

Hay mucho debate en línea sobre qué tema de Magento es mejor: Hyva o Magento PWA. Sin embargo, creemos que ambos tienen sus propias fortalezas y son como manos izquierda y derecha con diferentes funciones y propósitos que son beneficiosos para las tiendas Magento.

Por lo tanto, no tiene sentido comparar y descubrir qué es más poderoso. En otras palabras, no hay nada mejor que el otro, pero debes conocer las diferencias entre dos tipos de temas para elegir el que mejor se adapte a tus necesidades.

similitudes

• Ambos ayudan a mejorar significativamente la velocidad del sitio web de Magento, lo cual es bueno para el SEO.
• Ambos no funcionan directamente con extensiones Magento 2 de terceros
• Ambos son solo para Magento 2
• Ambos son totalmente receptivos.
• Ambos se pueden personalizar fácilmente para satisfacer diferentes necesidades.
• El desarrollo de ambos puede llevar desde unos pocos días/semanas hasta meses, según la complejidad del proyecto y las competencias de los desarrolladores.

diferencias

• El objetivo clave de Hyva es aumentar la velocidad del sitio web y reducir la carga de trabajo de los desarrolladores, mientras que el de Magento PWA es mejorar la experiencia del usuario con una apariencia similar a la de una aplicación (no solo incluye una velocidad de carga rápida, sino también la capacidad de agregar contenido al dispositivo móvil). pantalla de inicio y envío de notificaciones push).
• Hyva es una interfaz integrada en Magento, mientras que PWA es una tienda separada que reemplaza la interfaz de Magento.
• Los temas de Hyva son proporcionados por la empresa Hyva; mientras tanto, hay muchas compañías de desarrollo de Magento diferentes que ofrecen temas de Magento PWA.
• Los temas de Hyva cuestan 1000 €, mientras que los costos de los temas de PWA para Magento varían, desde gratis hasta 1000 $. Las tarifas de personalización del tema dependen de su socio de desarrollo seleccionado.

Entonces, ¿cuál será preferible?

Si es un desarrollador de Magento, es posible que prefiera los temas de Hyva, ya que son más fáciles de usar para los desarrolladores. No obstante, desde el punto de vista de los dueños de las tiendas que descuida el factor del esfuerzo del desarrollador, la respuesta podría ser 50-50.

Para aquellos que buscan una solución para optimizar la velocidad de su página web únicamente, el tema Magento 2 de Hyva sería una elección perfecta. Pero para aquellos que no solo quieren acelerar sus sitios web, sino también una plataforma que funciona perfectamente tanto en computadoras de escritorio como en dispositivos móviles y que puede enviar notificaciones automáticas con fines de marketing, los temas de Magento PWA podrían ser una mejor combinación.

Preguntas frecuentes

1. ¿Cuáles son los pros y los contras del desarrollo del tema Hyva?

Ventajas :

• Velocidad: la velocidad de su sitio web puede ser la diferencia entre que un cliente complete una compra o se traslade a otro sitio. Con Hyva, puede estar seguro de que su sitio se cargará de manera rápida y eficiente. Este tema es perfecto para comerciantes que desean brindar a sus clientes una experiencia en línea rápida y sin problemas.
• Simplicidad: Los temas de Hyva Magento 2 están construidos con un enfoque en la reducción de los niveles de complejidad. Está construido con menos dependencias, lo que significa que no tendrá que administrar bibliotecas y funciones innecesarias. Esto también hace que los ajustes y personalizaciones sean más rápidos y fáciles. Esto da como resultado que los desarrolladores necesiten menos tiempo y esfuerzo para aplicar y personalizar el tema Hyva en sus proyectos.
• Comunidad: con el apoyo de una comunidad sólida y en crecimiento, el tema Hyva se convierte en una opción más atractiva para muchos comerciantes. Cuando elige usar el tema de Hyva, obtiene acceso a la comunidad de Hyva a través de una sala de Slack. El canal de Slack de la comunidad de Hyva es un excelente lugar para intercambiar ideas y obtener el apoyo de otros miembros de la comunidad. Si alguna vez tiene algún problema o tiene una pregunta urgente, alguien en la comunidad estará allí para ayudarlo. Además, gracias a los esfuerzos de la comunidad, siempre se están desarrollando nuevas extensiones y funciones para Hyva.

Contras:

• Compatibilidad con extensiones: si está utilizando un tema basado en Hyva, es posible que algunas extensiones de terceros no sean compatibles. Esto se debe a que Hyva elimina todas las dependencias adicionales, lo que puede causar problemas de incompatibilidad. Para superar este problema, el equipo de Hyva se ha asociado con algunos proveedores de extensiones populares de Magento 2 para ofrecer módulos de compatibilidad. Hasta ahora, hay 53 complementos compatibles con Hyva.

• Costo: si está buscando un tema rápido y confiable para su tienda Magento, Hyva es una excelente opción. Sin embargo, es importante tener en cuenta que el costo de Hyva es una tarifa única de 1000 euros por licencia. Esto puede ser un poco costoso para las pequeñas empresas, así que asegúrese de tenerlo en cuenta en su presupuesto. Además, las tarifas de instalación y personalización pueden oscilar entre 5000 y 50 000 euros, por lo que debe obtener cotizaciones de varios proveedores antes de tomar una decisión final.
• Diseño: si está buscando un diseño simple y limpio para su tienda de comercio electrónico, Hyva podría ser una excelente opción. El tema está diseñado para maximizar la velocidad, por lo que podría no ser adecuado para tiendas con muchos anuncios y efectos.

2. ¿Se pueden aplicar los temas de Hyva a las tiendas Magento 1?

Si está ejecutando un sitio web Magento 1, deberá migrar a Magento 2 antes de poder instalar y usar el tema Hyva. Si bien esto puede parecer una molestia, en realidad es una buena oportunidad para mejorar la seguridad y el rendimiento de su sitio web.

Magento 1 ya no es compatible, lo que significa que no se repararán las vulnerabilidades de seguridad que se descubran. Esto deja su sitio web en riesgo de ser pirateado o comprometido.

Actualizar a Magento 2 también le dará acceso al tema Hyva, que está diseñado para la velocidad y el rendimiento. Con Hyva instalado, su sitio web se cargará más rápido que nunca, brindando a sus visitantes una mejor experiencia.

3. ¿Pueden los temas de Hyva resolver todos los problemas de carga lenta de los sitios web de Magento?

Si nota que su sitio web se carga lentamente, hay algunas cosas que puede hacer para acelerarlo. Una es usar un tema de Hyva, que ayudará a cargar los resultados más rápido tanto en el escritorio como en el móvil. Sin embargo, si aún observa un rendimiento lento, es probable que se deba a consultas lentas a la base de datos. Esto es especialmente cierto si su base de datos ha crecido significativamente en tamaño debido a la ejecución de varios sitios web.

Hyva puede ayudar a reducir unos segundos los tiempos de carga, pero para un rendimiento óptimo, también querrá observar las operaciones de back-end, optimizar las consultas y configurar su base de datos correctamente. Además, considere migrar a las últimas versiones de MySQL y PHP. Al seguir estos pasos, puede asegurarse de que su sitio web se cargue rápida y sin problemas para todos los usuarios.

4. ¿Los temas de Hyva son compatibles con Magento Open Source y Adobe Commerce?

Los temas desarrollados por Hyva actualmente solo son compatibles con Magento 2 Open Source. Sin embargo, no ocurre lo mismo con Adobe Commerce. Adobe Commerce es una edición de nivel empresarial de Magento que es utilizada principalmente por empresas de comercio electrónico establecidas. Los temas de Hyva se están enfocando en hacer que su marco sea compatible con todas las funciones de Adobe Commerce y esperan que esto esté completo en los próximos meses.

Hyva se compromete a brindar la mejor experiencia posible a sus usuarios, independientemente de la edición de Magento que estén utilizando. Con esto en mente, Hyva confía en que podrá brindar soporte completo tanto para Magento Open Source como para Adobe Commerce en un futuro cercano.

5. ¿Qué versión de Magento se requiere para la configuración del tema Hyva?

Si actualmente está ejecutando una versión anterior de Magento, deberá actualizar a Magento 2.4 o superior para poder usar los temas de Hyva. Una vez que haya hecho eso, podrá aprovechar todas las excelentes características y beneficios que Hyva tiene para ofrecer.