Aplicaciones web progresivas: ¿el futuro del desarrollo web?

Las aplicaciones web progresivas y los trabajadores de servicios son conceptos relativamente nuevos y las partes centrales de lo que actualmente está alterando el ecosistema actual de sitios web y aplicaciones móviles. Hemos visto grandes aumentos en las tasas de conversión y disminuciones en las tasas de rebote porque esta tecnología está respaldada nada menos que por Google. Obtenga más información sobre los trabajadores de servicios y las aplicaciones web progresivas, y en qué se diferencian de las aplicaciones móviles y los sitios web tradicionales.

El trabajador de servicios , también denominado a veces simplemente "SW", está codificado como un script independiente que se ejecuta junto con las páginas y los scripts de sitios web tradicionales, pero tiene nuevas funciones interesantes en comparación con los JavaScripts habituales que se encuentran en los sitios web de Internet.

Con funcionalidad fuera de línea, notificaciones push, almacenamiento en caché completo y con la posibilidad adicional de conectarse a la API de hardware de teléfonos inteligentes y otros dispositivos, las opciones solo están limitadas por el ingenio del desarrollador y la creatividad del diseñador. Si bien existen muchas ventajas de utilizar un trabajador de servicios simultáneamente con las tecnologías de sitios web tradicionales, veremos la tendencia emergente desde la perspectiva del propietario de una empresa.

¿Por qué utilizar Progressive Web Apps?

• Mejorar la velocidad en comparación con la velocidad de los sitios web y las aplicaciones móviles.
• Disminuir el tamaño de la página
• Funcionalidad sin conexión
• Acceso a un dispositivo de hardware específico
• Notificaciones push
• Añadir a la pantalla principal

Arriba está la lista de las 6 razones más comunes por las que los dueños de negocios implementan trabajadores de servicios y aplicaciones web progresivas en sus sitios web existentes. Vamos a desglosarlos y entrar en más detalles sobre cada uno de los 6 puntos clave.

Mejorar la velocidad y las tasas de conversión.

Debido a que los trabajadores del servicio funcionan entre el navegador y el acceso a Internet, eso significa que los visitantes del sitio web no tienen que pedir una respuesta al servidor web cada vez que los visitantes solicitan una nueva página o hacen clic en un enlace, por ejemplo.

Debido a la forma en que funcionan los protocolos de Internet, hay una cantidad mínima de tiempo para cada respuesta que pasa por la red, pero al utilizar un trabajador del servicio, a veces este paso puede omitirse, ya que el script del trabajador del servicio servirá a la página desde el caché local que se describirá en el siguiente tema.

Por ejemplo, Housing.com ha visto cargas de página un 30% más rápidas desde que implementó su aplicación web progresiva y su script de trabajador de servicios , y su sede en India ofrece excelentes resultados, ya que la mayoría de sus visitantes navegan desde redes 3G, y cualquier aumento de velocidad es por tanto, bastante importante.

Otro ejemplo es Konga, un minorista de comercio electrónico líder en Nigeria que tiene más del 60% de sus visitantes navegando desde redes 2G lentas y, por lo tanto, al reducir el tiempo para cargar la página, no solo han aumentado significativamente sus tasas de conversión y rebote, sino que igualmente importante, han sumido a su competencia en un profundo letargo.

Disminuir el tamaño de la página

Trabajando en estrecha relación con los puntos anteriores, el uso de un trabajador de servicios sin duda reducirá el tamaño de la página de cualquier sitio web y, por lo tanto, disminuirá las tasas de rebote.

La razón por la que vemos tales mejoras es que el trabajador del servicio guarda copias del sitio web en los teléfonos y tabletas de los visitantes. Significa que no tendrán que usar Internet en absoluto una vez que hayan visitado la página de inicio de un sitio web con un trabajador de servicio instalado y configurado para cargar el caché automáticamente.

También es posible simplemente dejar que el trabajador del servicio guarde las páginas ya visitadas, pero dado que la descarga del caché no es visible para el usuario de ninguna manera, tiene sentido dejar que el usuario descargue todo.

Por ahora, algunas empresas informan que con un trabajador de servicio instalado, el tamaño de las páginas se ha reducido hasta en un 90%.

Funcionalidad sin conexión

Es posible desarrollar un sitio web con un trabajador de servicios que funcionará perfectamente para que los usuarios no necesiten tener acceso a Internet para navegar por las páginas y cargar contenido. Hay algunos requisitos, pero una vez cumplidos, el trabajador del servicio permite una integración perfecta entre las experiencias en línea y sin conexión, y se cree que es una adición innovadora a los sitios web actuales.

Si bien no todos los sitios web necesitan una experiencia sin conexión completa, simplemente agregar una pantalla sin conexión como lo ha hecho Opera aumentará las posibilidades de que los usuarios permanezcan en la página cuando pierdan el acceso a Internet mientras navegan.

Comparando el mensaje fuera de línea en los navegadores predeterminados con el mensaje fuera de línea personalizado que Opera ha creado a continuación y siente la diferencia:

Funcionalidad del sitio web sin conexión de Opera

Página sin conexión predeterminada en Chrome

Acceso a un dispositivo de hardware específico

Al igual que las aplicaciones móviles, es posible que las aplicaciones web progresivas en conexión con los trabajadores del servicio realicen llamadas API a dispositivos de hardware como cámaras móviles, acelerómetros y otras funciones comunes. Hasta ahora, no hay soporte para funciones avanzadas como la identificación de huellas dactilares y funciones nuevas y complejas similares, pero probablemente sea solo una cuestión de tiempo.

Si bien el desarrollo de aplicaciones móviles siempre seguirá siendo relevante para ciertos tipos de negocios y productos, hoy en día ya ha habido una serie de aplicaciones web progresivas en línea que ofrecen la experiencia de una aplicación móvil, con la facilidad de uso e instalación que los sitios web tienen para ofrecer.

Pero dado que la tecnología en sí tiene aproximadamente un año en el momento de escribir este artículo (desarrollada a fines de 2015) y tiene muchas oportunidades para convertirse en la tecnología más novedosa de la que todo propietario de una pequeña empresa querrá formar parte.

Notificaciones push

Una de estas características de hardware son las notificaciones automáticas y permiten a los propietarios de sitios web informar a los usuarios móviles sobre su contenido más reciente. Para las empresas, obtener acceso al feed de notificaciones de sus clientes puede ser una gran ayuda para las empresas.

A diferencia de los boletines informativos por correo electrónico, las personas tienden a abrir y hacer clic en las notificaciones push directamente en su teléfono, y aunque esta tendencia puede cambiar con el tiempo porque los usuarios aprenderán qué aplicaciones están impulsando el marketing y el contenido publicitario, por ahora es bastante efectivo.

Hasta ahora, Jumia, un sitio de comercio electrónico africano, ha tenido grandes éxitos con aplicaciones web progresivas y notificaciones automáticas. Informan tasas de conversión 9 veces mejores para sus carritos de compras abandonados, en comparación con su forma tradicional de enviar correos electrónicos a los usuarios preguntando si les gustaría comprar lo que tienen en sus carritos abandonados. Jumia también ha visto una tasa de apertura del 38% para notificaciones push, lo que debe decirse que es bastante impresionante.

Añadir a la pantalla principal

Este es el último de nuestra lista, pero no menos importante. Adición de sus sitios web favoritos a marcadores de tu teléfono y que tiene un icono en el dispositivo no es nada nuevo, pero con aplicaciones web progresistas, ahora el usuario se le pedirá por el navegador si quieren añadir el PWA a su pantalla de inicio. Dado que esto lo hace el navegador en sí, y no una superposición de ventanas emergentes sofisticadas en el sitio web, la gente ha estado reportando excelentes resultados con esta función.

Así es como se ve cuando visita The Washington Post desde su teléfono con Chrome u Opera.

FlipKart ha visto un aumento del 70% en las tasas de conversión de sus usuarios que abren la aplicación a través de la pantalla de inicio, lo que significa que se puede decir que los usuarios que han instalado la aplicación son clientes leales, ansiosos por comprar e interactuar con el sitio web en cuestión.

Conclusión

No todos los navegadores web han admitido aplicaciones web progresivas y trabajadores de servicios todavía, pero quizás eso sea solo una cuestión de tiempo. Microsoft con Internet Explorer ha sido bastante vago en su futura implementación de la tecnología, tal vez esperando a ver si esto es solo una tendencia de corta duración, o si esto revolucionará la web como la conocemos.

Apple con Safari ha agregado la compatibilidad de los trabajadores del servicio a su hoja de ruta de 5 años, por lo que todavía queda algo de tiempo para que eso suceda, aunque es muy posible que coloquen esta tecnología en la parte superior de la lista una vez que vean el impacto positivo del servicio. los trabajadores tienen.