Progressive Web Apps (PWA): Todo lo que necesitas saber

Escrito por

Los smartphones son dispositivos ideados para usar aplicaciones, aplicaciones y más aplicaciones. Según Forrester Research, del tiempo total que pasamos mirando nuestro teléfono, el 85% lo hacemos en una aplicación. Utilizamos todo tipo de apps: redes sociales, chats, reproductores de música, etc. Aplicaciones generalmente tan bien optimizadas que ya han demostrado ser lo suficientemente eficientes como para satisfacer la velocidad requerida para una buena experiencia.

Por otro lado, encontramos los sitios web móviles que, si bien ya han alcanzado niveles de optimización increíbles y son fácilmente accesibles dada la potencia de los dispositivos actuales, siguen siendo algo pesados y falto de integración para nuestro navegador habitual.

Empresas como Facebook y Google han comenzado a preparar iniciativas para abordar este problema de rendimiento en sitios móviles, a través de acciones como Facebook Instant Articles y Google Accelerated Mobile Pages.

Sin embargo, estas decisiones que buscan una mayor fluidez no resuelven el problema ofreciendo como resultado versiones webs capadas o más limitadas en cuanto a contenido. Como solución, cada vez son más las páginas web que ofrecen la opción de descargar la aplicación móvil nativa para una experiencia optimizada.

Pero ¿qué pasaría si los sitios móviles tuvieran la misma calidad y rendimiento que una aplicación nativa?

Progressive web apps: Apps cargadas directamente desde tu navegador

Progressive Web Apps  o PWA son webs hospedadas en un servidor y accesibles desde el navegador pero que se presentan al usuario como si de una aplicación nativa de iOS o Android se tratasen, ofreciendo casi la misma funcionalidad con mayor accesibilidad de navegación ya que sólo se encuentran a un link de distancia.

PWA se lanza desde una pestaña cualquiera de Chrome cargando únicamente la vista que tiene el usuario frente a él y se va descargando progresivamente conforme éste navega por ella, almacenando datos en la caché de tu dispositivo para evitar la descarga en cada uso y llegando a funcionar de una manera tan fluida como una app pues ya está almacenada en la memoria del teléfono.

La integración de la Progressive Web App con el dispositivo y la acogida por parte de navegadores es tal que comienzan a admitir funciones que alguna antes era exclusivas de apps nativas como geolocalización, notificaciones o uso offline. Además, el concepto de “web que se convierte en app” dota a la web de una navegación más rápida, un diseño adaptado para teléfonos móviles con diferentes especificaciones y tamaños de pantalla e incluso un acceso directo en la página de inicio.

Una vez visitada por primera vez, la PWA utiliza las capacidades de los navegadores modernos para ofrecer una experiencia de usuario tan buena como una aplicación nativa. Cabe diferenciar que estas apps son diferentes de una aplicación híbrida, que utiliza un HTML5 envuelto en un envoltorio de app nativa, pero pendiente de ser instalada a través de un App Store, con las ventajas y desventajas que ello supone.

Ventajas de una Progressive Web App 

Ventajas de una PWA para el usuario

La principal ventaja para el usuario es que no necesita realizar la descarga de una aplicación. No es necesario ir a la tienda de aplicaciones, esperar a que se descargue la aplicación y entonces abrirla.

Las ventajas técnicas de una Progressive Web App

  • Es responsive, por lo que se adapta fácilmente a cualquier resolución o formato de pantalla.
  • La aplicación puede funcionar incluso cuando el usuario está desconectado, siempre y cuando ya haya hecho un uso previo de ella estando online.
  • El usuario no necesita “descargar una actualización de aplicación” de vez en cuando, ya que está todo en la web. La próxima vez que el usuario abra la aplicación, la nueva versión ya estará allí.
  • El contenido de la aplicación se sirve con TLS para prevenir intrusos, lo que la hace segura.
  • Es compatible con estrategias basadas en SEO, por lo que todos los motores de búsqueda pueden encontrar el contenido de las aplicaciones.
  • Las aplicaciones web progresivas te permiten enviar notificaciones push a los usuarios, invitándoles a la recurrencia.
  • Permite que los usuarios incluyan un acceso directo a la web desde su pantalla de inicio, como si de una app se tratase.
  • Es más fácil de compartir su contenido ya que sólo depende del envío de un enlace a otra persona.

Casos de éxito de aplicaciones web progresivas

Flipkart, PWA basada en ecommerce

Es la tienda de comercio electrónico más grande de la India. Construyeron Flipkart Lite, que es la versión PWA de su aplicación original, obteniendo como resultado un aumento del 70% en las conversiones de ventas. Además, la aplicación Flipkart Lite tuvo otros éxitos impresionantes:

  • El tiempo que los usuarios pasaron en el sitio se incrementó en hasta 3 veces
  • Un 40% más engagement
  • El consumo de datos se redujo a casi un tercio de lo que demandaba la versión web completa

The Washington Post, combinación de AMP y PWA

Aproximadamente el 55% de su tráfico proviene de dispositivos móviles, por lo que mejorar la experiencia de lectura en dispositivos móviles sería una labor fundamental si querían mantener su posicionamiento como medio de referencia a largo plazo.

Para lograrlo, se marcaron como objetivo hacer que su contenido se cargara lo más rápido posible en móviles y que a la vez sus artículos indexaran en buscadores, por lo que descartaron la opción de una app híbrida. A pesar de depender de características avanzadas como miniaturas, detalles de texto y enlaces en su aplicación web progresiva, lograron su objetivo y mejoraron sus datos:

  • Aumento en un 23% de la retención de usuarios procedentes de búsqueda móvil por encima de los 7 días
  • 88% de mejora en el tiempo de carga del contenido AMP frente a la web móvil tradicional
  • Más de 1000 artículos publicados por The Washington Post en un formato totalmente compatible con navegadores

Para muchas empresas que están produciendo contenido original, esto puede ser un modo de generar clientes potenciales, llegar a nuevas audiencias y empezar a crear conexiones con usuarios que no hubieran utilizado la aplicación en otra situación pero que de este modo la encuentran mucho más accesible gracias a un sencillo enlace.Crea tu propia app

No hay comentarios

Leave Your Comment