¿Qué son las Progressive Web Apps?. Las 10 mejores a nivel mundial en esta nota.
Para aquellos que están empezando a incursionar en el mundo de las progressive web apps y necesitan entender y justificar el por qué, se me ocurrió leer varios artículos sobre el tema y compilar en este post los puntos más relevantes, a mi criterio. Al final, todos los links para quienes quieran y tengan tiempo de profundizar todos por separado.
¿Qué es una Progressive Web App?
Las Progressive Web Apps son experiencias que combinan lo mejor de la Web y lo mejor de las apps. Están disponibles para los usuarios a partir de la primera visita en una pestaña del navegador y no requieren instalación. A medida que el usuario compila progresivamente una relación con la app con el paso del tiempo, se hace más y más poderosa. Se carga rápidamente, incluso con redes débiles, envía notificaciones push relevantes, tiene un ícono en la pantalla principal y se carga como experiencia de pantalla completa y de primer nivel.
¿Qué más?:
- Progresiva: funciona para todos los usuarios, sin importar la elección de navegador, porque está construida con mejora progresiva como principio central.
- Adaptable: se adapta a cualquier factor de formulario, sea escritorio, móvil, tablet o lo que venga en el futuro.
- Independiente de la conectividad: mejorada con service workers para trabajar sin conexión o con redes de mala calidad.
- Estilo app: al usuario le parece una app con interacciones y navegación estilo app, porque está construida con modelo de shell de app.
- Fresca: siempre actualizada gracias al proceso de actualización de service worker.
- Segura: emitida vía HTTPS para evitar intromisiones y para garantizar que el contenido no se haya manipulado.
- Descubrible: se puede identificar como “app” gracias al manifiesto W3C y al alcance de registro de service worker, lo que permite que los motores de búsqueda la encuentren.
- Posibilidad de volver a interactuar: facilita la posibilidad de volver a interactuar a través de funciones como notificaciones push.
- Instalable: les permite a los usuarios “conservar” las apps que les resultan más útiles en su pantalla principal sin la molestia de una tienda de app.
- Vinculable : se puede compartir fácilmente vía URL, no requiere instalación compleja.
No requieren publicación en los markets
Uno de los procesos más tediosos de la creación y desarrollo de una aplicación móvil puede ser la publicación en los markets, tanto en Google Play como en el App Store. Los requisitos de publicación cada vez son más estrictos y es común que las aplicaciones sufran rechazos por parte de Google o Apple. Sin embargo, las Progressive Web Apps no requieren de publicación en los markets, por lo que no será necesario pasar por este proceso. Esto también reducirá costos en concepto de cuentas de desarrollador y publicaciones, lo que permitirá a un mayor número de PYMES poder adoptar esta tecnología, llegando a su vez a un mayor número de usuarios.
No requiere instalación
Para su visualización el usuario no tendrá que descargar la aplicación, solo necesitarán escanear un código QR o introducir una URL en el navegador. El usuario tendrá múltiples canales de activación a través de los cuáles podrá acceder directamente a la PWA. Esto reduce considerablemente la inversión de marketing al no tener que promocionar la descarga de la App Nativa.
No requieren actualización
Al tratarse de páginas web, la actualización del código fuente se realiza de forma inmediata. Por lo tanto, no es necesario que el usuario actualice la aplicación para acceder a la última versión, lo que las diferencia de las aplicaciones nativas.
Tiempos de carga más rápidos
La velocidad de carga es un factor fundamental para aumentar las tasas de conversión de los e-commerce. Por lo tanto, las PWA son una herramienta genial para cualquier tienda online, ya que su velocidad de carga es hasta 4 veces más rápida que la de cualquier web (incluso aquellas con un diseño responsive).
Menor peso y almacenamiento en el dispositivo
A diferencia de las aplicaciones nativas, cuyo elevado peso puede ocasionar que el usuario las desinstale para liberar espacio en el dispositivo, las Progressive Web Apps tienen un peso infinitamente inferior. Mientras que las aplicaciones nativas suelen pesar alrededor de 100MB, la instalación de una PWA en un dispositivo no suele suponer más de 0,5 o 0,6 MB.
Experiencia nativa pero mejor
Inciden en el posicionamiento SEO y tienen funcionalidades nativas y notificaciones push, como así también un diseño multidispotivo adaptable.
Apps web progresivas vs App Nativas
No son lo mismo, y usualmente no se usan para lo mismo. El primer grupo que debemos evangelizar hacia las aplicaciones web progresivas, son todas esas páginas (que son páginas) y que hicieron apps nativas solo para estar en tu teléfono, no ofrecen funcionalidades específicas del hardware y básicamente son páginas web empaquetadas. Había muchas razones para crear aplicaciones nativas para páginas existentes, push notifications, fácil acceso por mencionar algunos, hoy ya no.
La mayor ventaja de hacer una progressive web app, es que si ya tienes una aplicación web hecha, es muy sencillo traer la experiencia de una app nativa. Menciono esto, porque también recomendaría a equipos pequeños de trabajo, optar por desarrollar PWA, en lugar de aplicaciones nativas.
Un poquito sobre los service workers, AppShell y Manifiesta de la App
https://www.campusmvp.es/recursos/post/Que-son-las-Aplicaciones-Web-Progresivas-o-Progressive-Web-Apps.aspx
En este otro link de Medium, un post interesante sobre los mitos de las PWA, que son sólo mobile, que son sólo un tema de Google, etc, etc, interesante para despejar algunas dudas sobre el alcance de esto:
https://medium.com/samsung-internet-dev/6-myths-of-progressive-web-apps-81e28ca9d2b1
Un curso de Udemy muy bien valorado (4,7 de 1683 valoraciones) con la guía completa sobre PWA
https://www.udemy.com/progressive-web-app-pwa-the-complete-guide/
¿Por qué tienen sentido las PWAs? Otro post de medium para seguir profundizando con conceptos y datos interesantes
https://medium.freecodecamp.org/why-progressive-web-apps-are-the-future-of-web-development-13db7dd5f640
Las 10 mejores Progressive Web Apps
- Ali Express
- Flipkart Lite
- Wego
- Trivago
- Washington Post
- Forbes
- Twitter Lite
- OLX
- Telegram
