Magento PWA: los porqués y las razones [actualizado]

Junto con otras tendencias de comercio electrónico de Magento, las aplicaciones web progresivas son un concepto nuevo de gran alcance para el desarrollo web que amplía esto.

Los propietarios de comercio electrónico ya han sentido el efecto positivo después de implementar las PWA.

3 razones rápidas por las que, muy rápido:

1. crecimiento de la tasa de conversión ;
2. reducción del peso de la aplicación ;
3. aumento en el número de usuarios .

En esta publicación, intentaremos descubrir cómo y por qué los PWA de Magento pueden influir en un negocio.

10 hechos estadísticos de estudios de casos de PWA

• Después de la implementación de la tecnología PWA, el nuevo sitio web de Best Western River North obtuvo un aumento del 300 % en los ingresos en comparación con el sitio web anterior.
• Habiendo implementado PWA, OpenSooq recibió más del 85 % de su tráfico desde dispositivos móviles (y, para que conste, la muestra sigue creciendo).
• El resort Grand Velas Riviera Maya elevó la tasa de conversión de viernes negro al 53% al aprovechar PWA.
• Ele.me redujo los tiempos de carga en un 11,6 % en las páginas almacenadas previamente y en un 6,35 % en todas las páginas.
• El sitio web evolucionado por PWA de Trivago alcanzó un crecimiento del 150 % en la participación de los usuarios y un aumento del 97 % en los clics a las ofertas del hotel.
• Uber reconstruye su cliente web como una alternativa viable a la aplicación móvil nativa utilizando la tecnología PWA, lo que hace que la aplicación se cargue rápidamente incluso en redes 2G.
• Más de tres meses después de que Pinterest reconstruyó su web móvil usando la tecnología PWA, vieron un resultado espectacularmente milagroso. Los usuarios solían esperar 23 segundos antes de que se pudiera usar cualquier interfaz de usuario, ahora solo toma 5,6 segundos. Además, lograron reducir el tamaño de todos los fragmentos cargados inactivamente hasta en un 90 % .
• La solución PWA de BookMyShow es 54 veces más pequeña que la aplicación de Android y (¡ah!) 180 veces más pequeña que una aplicación de iOS.
• El estudio de caso de Tinder PWA demuestra que los principales paquetes de la empresa se redujeron de 166 KB a 101 KB, mientras que DCL mejoró de 5,46 segundos a 4,69 segundos.
• La solución PWA de Forbes se carga en 2,5 segundos frente a los 6,5 segundos de su sitio anterior.

La urgencia de las PWA para Magento 2 y el comercio electrónico, en general, ha sido discutida en repetidas ocasiones .

Nosotros, a su vez, ofreceremos…

5 razones clave para usar Magento PWA

El término PWA se remonta a 2015:

Hemos tenido muchos intentos de tomar contenido web y colocarlo en un contenedor diferente, y hacer que se ejecute sin conexión… Entonces, ¿por qué esto es diferente? ¿Hay alguna razón para pensar que esto va a funcionar cuando aquellos no lo hicieron? … Los otros sistemas le brindan estas capacidades, pero lo obligan a cambiar su implementación y uso. alex russel

Sin embargo, todavía no todos los propietarios de tiendas Magento aprecian la importancia de la implementación.

Mientras tanto, sería una locura creer que los usuarios descargarán con placer cada aplicación web en particular de cada sitio web que les guste.

Entonces, ¿por qué necesita renunciar a la opción de usar PWA para su sitio web de Magento?

#1 Navegación ágil

La tecnología PWA evita que las páginas tengan que recargarse. La carga instantánea, la respuesta rápida, la usabilidad rápida de la interfaz de usuario y la velocidad impresionante, en general, son posibles gracias a la presencia de ServiceWorkers junto con una API de almacenamiento del lado del cliente. Como resultado, PWA almacena previamente en caché partes de una aplicación web y esto da como resultado una carga rápida la próxima vez que un cliente abra su sitio web. La gestión de múltiples cachés, la minimización del tráfico de datos y el almacenamiento de datos generados por usuarios fuera de línea están disponibles gracias a ServiceWorkers. Los PWA incluyen lo mejor de las aplicaciones nativas y la web.

Acelere el rendimiento de su página web y mejore la posición de su sitio en SERP con la extensión Google Page Speed ​​Optimizer .

#2 Sin descarga de aplicaciones

Los PWA se pueden usar a través de un navegador simple. Esto significa que sus clientes no tendrán que instalar ninguna aplicación antes de usarla. En esto, su sitio web se siente como una aplicación natural descargada e instalada en el dispositivo.

#3 El modo sin conexión ya no es un problema

Un mal estado de una red móvil ya no es un problema, ya que los PWA revelan las malas condiciones y funcionan sin conexión. Por lo tanto, un usuario de PWA puede continuar navegando fácilmente en su tienda incluso en el aire o en un área donde la red no está disponible. Además, tus clientes podrán utilizar todos los módulos y funciones de tu PWA. Incluso al reservar y reservar fuera de línea, el proceso estará en modo de espera hasta que el PWA esté en línea nuevamente.

#4 Fácil acceso

Si cree que a un cliente no le gustará abrir un navegador cada vez para encontrar un bien que necesita en su tienda, relájese. PWA se puede agregar a la pantalla de inicio del dispositivo móvil como una aplicación nativa (opción Agregar a la pantalla de inicio + función de notificación automática). Esto simplifica el acceso repetido de un cliente a su tienda y aumenta el compromiso. Además, las PWA también funcionan bien en modo de pantalla completa. Un usuario verá el mismo aspecto de la aplicación sin una barra de URL del navegador ni herramientas de navegación en la parte inferior de la página.

#5 Aumentando la conversión

Y como resultado de todos los beneficios que enumeramos anteriormente, los PWA pueden elevar su conversión a un nuevo nivel. La gran confiabilidad, la mejora de la velocidad, la participación de los usuarios y la operación fuera de línea hacen que las tasas de conversión de los clientes no tengan la oportunidad de aumentar.

La arquitectura de las aplicaciones web progresivas de Magento está diseñada para que su sitio web progrese notablemente en todos los indicadores.

¿Por dónde empezar con la implementación de Magento PWA?

No hay duda de que la decisión de adaptar PWA es un desafío. Sin embargo, las ganancias de la implementación de PWA superan esos costos.

Vayamos al grano y comencemos nuestro tutorial Magento 2 PWA.

→ Hay muchos complementos de PWA disponibles para su tienda. Entendemos la importancia de la tecnología PWA, por lo que acompañamos nuestras extensiones con complementos de PWA. Puede actualizar su tienda con nuestras soluciones completas de PWA para mejorar la experiencia de compra de sus clientes y aumentar los ingresos.

Paso 1: decidir el método de adaptación de PWA

Digamos que crea un nuevo sitio web para su tienda Magento o rediseña la versión anterior. Entonces , lo que necesita es desarrollar una aplicación web progresiva desde el principio . En este caso, podrás adaptarte y sentir el efecto positivo de todas las posibilidades que puede ofrecer una PWA en su conjunto: AMP, ServiceWorkers, App shell, Web Manifest.

Si la creación de un sitio web desde el principio no es el caso, puede crear una versión simplificada de su sitio web que herede algunas de las características de la tecnología PWA. Por ejemplo, puede optar por adoptar una reserva fuera de línea con su PWA.

Paso 2: abordar los desafíos de adopción de PWA

• Si bien todos los principales navegadores brindan soporte para ServiceWorkers, es una opción segura agregarlo a su aplicación. Según los datos más recientes , las tecnologías ServiceWorker y PWA son compatibles con las siguientes versiones de los navegadores: Chrome (compatible con 40), Safari (compatible con 11.1), Firefox (compatible con 44), Edge (compatible con 17).
• No todos los dispositivos admiten todas las funciones de la tecnología PWA. Así, por ejemplo, Android 8.0 Oreo tuvo algunos problemas de soporte. Sin embargo, hay una solución, una simple actualización de software puede remediar la situación.
• La aplicación exige acceso a sensores, Bluetooth (a través de la API web de Bluetooth), GPS, calendario, cámara y contactos, lo que puede provocar que un cliente se niegue a usar la aplicación.
• Además, no se admiten los inicios de sesión entre aplicaciones y algunos otros.

Sin embargo, todos estos desafíos no pueden superar los beneficios que recibe como resultado:

• sin descarga, instalación y actualizaciones de aplicaciones;
• sin base de código separada;
• añadir a la opción de pantalla de inicio;
• función de notificación automática;
• carga rápida;
• modo offline;
• más barato que el desarrollo de aplicaciones nativas;
• mayor participación y conversión de clientes.

Conclusión

Una aplicación web progresiva es una gran solución para su sitio web de Magento en caso de que se mantenga actualizado. La tecnología ya ha demostrado los efectos positivos y tiene demanda entre los propietarios de sitios web de comercio electrónico.