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.