Aplicaciones web progresivas de Magento: ¿qué son?

Como desarrollador de Magento, siempre estoy abierto a las herramientas más nuevas disponibles.

Muchos de ellos son tan confusos como interesantes, por lo que hoy quiero echar un vistazo a uno que creo que se está volviendo más útil y atractivo: la plataforma de aplicaciones web progresivas (PWA) de Magento.
Si bien este producto aún se encuentra en la fase de I + D, (por lo tanto, está etiquetado como un "proyecto"), vale la pena explorar y repasar los dos tipos básicos de implementación para las PWA de Magento.

Una definición de aplicaciones web progresivas

Primero, eliminemos la parte técnica. Desglosemos el nombre "Aplicación web progresiva":

Progresivo significa que la aplicación se carga junto con los datos y activos relevantes, a medida que un usuario navega por su sitio web. Esto da como resultado una experiencia de usuario final con mejor velocidad, facilidad de uso, operación fuera de línea e integración de dispositivos.

Web significa que está escrito en los idiomas de la web (HTML, CSS, JavaScript). Esto le permite crear un sitio que ofrezca más funcionalidad similar a una aplicación sin crear una aplicación nativa restringida a una plataforma, como iOS o Android.

Solicitud significa que instala y ejecuta código en el dispositivo o computadora del comprador. Hacer esto crea más velocidad y capacidad que las aplicaciones JavaScript de una página del pasado.

Los PWA son esencialmente un híbrido de páginas web normales y la aplicación móvil, lo que permite experiencias similares a las aplicaciones móviles para la web. Esto es importante porque las búsquedas web móviles en Google han sobrepasado las computadoras de escritorio y los usuarios pasan cada vez más tiempo dentro de las aplicaciones móviles. En algunos casos, el 90% del uso mensual está ahora dentro de una aplicación de algún tipo.

Los PWA son parte del kit de herramientas para desarrolladores

El término "Aplicación web progresiva" en sí fue inventado por Google. Sin embargo, Google no tiene ninguna propiedad de propiedad intelectual sobre las PWA, ahora son solo otra parte del conjunto de herramientas del desarrollador.

Desde el punto de vista del desarrollador, las aplicaciones web progresivas son el futuro del comercio electrónico. Los PWA no son solo la última moda en aplicaciones web; representan las mejores prácticas actuales para hacer que cualquier sitio web sea útil y rentable.

De hecho, puedo ver un futuro en el que los PWA pueden ser tan obligatorios para un buen sitio web como el diseño receptivo lo es hoy. Vamos a profundizar un poco más en por qué.

¿Cuáles son los beneficios de las aplicaciones web progresivas?

En mi experiencia como desarrollador, Progressive Web Apps para sitios web de Magento, hay dos beneficios clave:

1) velocidad

En términos de desarrollador, la némesis es la latencia. La latencia es lo que hace que los sitios web se desaceleren y las ventas disminuyan. El objetivo de los desarrolladores es encontrar formas de acelerar y hacer que la experiencia sea lo más fluida posible. En promedio, la mayoría de las páginas web con diseño web receptivo (RWD) tardan entre 6 y 18 segundos en cargarse. La investigación ha demostrado que aproximadamente el 40% de las personas abandonarán una página web que demore más de tres segundos en cargarse. Con PWA, la latencia es una décima parte de RWD. Esto significa para los clientes que estas páginas se cargarán y funcionarán instantáneamente.

2) conversiones

El objetivo de los sitios de comercio electrónico es convertir a los visitantes de su sitio web en ventas completas. Muchos factores contribuyen a las bajas conversiones y al alto abandono del carrito.

Los sitios móviles que adoptan PWA juntos mejoran drásticamente las conversiones. Si bien el promedio de la industria, incluidos los sitios que usan RWD, es de 0.25% a 0.75%, los sitios que usan PWA disfrutan de tasas de conversión de 50 a 100% más altas que el promedio de la industria. Esto se debe a que el comprador no tiene una percepción real de la diferencia, pero el sitio web funciona sin problemas tanto en línea como fuera de línea.

Explorando Magento + PWA

Para terminar, probablemente deberíamos cubrir los dos tipos básicos de implementación para PWA con Magento.

1) Front-end con soporte PWA

Si su sitio web tiene un front-end, los PWA pueden agregar una gran cantidad de funcionalidades. Piense en una aplicación en un teléfono que funciona en modo avión. Esto es lo que hace la PWA para el sitio web de Magento. Empresas como MeanBee (recientemente adquirida por Space48) están impulsando este desarrollo de este tipo de soporte PWA.

2) PWAs como frontend

Esencialmente, estos son complementos que eliminan la necesidad de conectividad directa de front-end de Magento. Ellos hacen el trabajo pesado después de una sola visita al sitio y ofrecen una experiencia más fluida. Otra característica que es atractiva es que las PWA pueden beneficiarse de las notificaciones push al igual que las aplicaciones nativas.

Tres vale la pena echarle un vistazo:

Actualmente, Magento-Research está creando un kit para desarrolladores que le permite crear una PWA para reemplazar la interfaz de Magento y utilizar una instancia sin cabeza de Magento como back-end.

Una nueva forma de resolver viejos problemas.

Las aplicaciones web progresivas actúan de la misma manera que las aplicaciones móviles. Ofrecen una experiencia de usuario más estable durante una conectividad de red deficiente debido a activos pre-almacenados en caché o acceso a una página "fuera de línea". Desde mi perspectiva como desarrollador de Magento, la integración de PWA en su sitio de Magento ofrece algunas ventajas serias:

  • Experiencia de usuario más rápida y segura
  • Mejores rankings SEO
  • Mejor usabilidad
  • Mejor interpretación
  • Acceso sin conexión
  • Instalación móvil
  • Compatibilidad entre navegadores

Y parece que muchos negocios exitosos están de acuerdo. Durante los últimos dos años, hemos visto ejemplos de empresas que adoptan PWAs: Alibaba, Fandango, Twitter y The Washington Post por nombrar solo algunos.

Para mí, las aplicaciones web progresivas de Magento son una forma emocionante de resolver algunos problemas importantes que tienen muchas empresas de comercio electrónico. Vale la pena explorarlos a medida que el espacio evoluciona y se desarrolla.

Si está buscando desarrolladores certificados de Magento 1 y Magento 2, Brandastic tiene la experiencia que necesita. Somos una agencia de marketing y publicidad digital, y desarrolladores certificados de Magento con sede en el Condado de Orange. quién puede llevar su negocio de comercio electrónico en la dirección correcta. Contáctenos hoy para ver cómo podemos ayudarlo a aumentar las ventas de su negocio a través de un sitio web de comercio electrónico Magento.