Aplicación web progresiva. ¿Qué es PWA y por qué debería importarle? | Autor: David F | Julio de 2021
La PWA proporcionada por Starbucks es 99,84% más pequeña que su aplicación iOS equivalente.
Después de implementar PWA, Starbucks duplicó la cantidad de pedidos en línea y la tasa de pedidos de los usuarios de escritorio fue aproximadamente la misma que la de los usuarios de aplicaciones móviles.
Debido a que los PWA son livianos, rápidos y receptivos, son muy adecuados para su uso en dispositivos móviles. Si cumplen con los requisitos de instalación, no es necesario agrupar diferentes versiones de aplicaciones para distribuirlas entre las tiendas de aplicaciones.
Algunas tiendas de aplicaciones han comenzado a promover e incluir PWA en sus tiendas de aplicaciones.
Me vendiste. ¿Qué necesito para convertir mi aplicación web a PWA?
Lista de aplicaciones web
La lista de verificación le da a su aplicación web una presencia más nativa en la pantalla de inicio del usuario. Permite que la aplicación se inicie en modo de pantalla completa (no hay barra de URL), proporciona control sobre la orientación de la pantalla y admite la definición de la pantalla de presentación y los colores del tema para la barra de direcciones en Chrome en Android. También se utiliza para definir un conjunto de iconos por el tamaño y la densidad de los iconos utilizados para la pantalla de inicio y la pantalla de inicio mencionadas anteriormente.
Banner «Agregar a la pantalla de inicio»
Para que el mensaje de instalación de la aplicación muestre su aplicación, debe:
- Tener una lista válida de aplicaciones web.
- Proporcionar servicios a través de HTTPS
- Registrado un trabajador de servicio válido
- Ser visitado dos veces con al menos 5 minutos entre visitas.
Service Worker para almacenamiento en caché sin conexión
Un Service Worker es un script de corta duración que se ejecuta intencionalmente en segundo plano, separado de su página web. Debe responder a los eventos, incluidas las solicitudes de red de las páginas a las que sirve.
Se despierta cuando se recibe un evento y solo se ejecuta cuando es necesario procesarlo. Service Worker permite el uso de Cache API para almacenar recursos en caché, que se pueden utilizar para proporcionar a los usuarios una experiencia sin conexión.
Los trabajadores del servicio son muy poderosos en el almacenamiento en caché sin conexión, pero también brindan importantes ventajas de rendimiento para visitas repetidas a su sitio web o aplicación web en forma de carga instantánea. Puede almacenar en caché el shell de su aplicación, hacer que funcione sin conexión y completar su contenido con JavaScript.
Notificación de inserción
Las notificaciones automáticas permiten a los usuarios participar fuera de las pestañas y aplicaciones. El navegador se puede cerrar y ni siquiera necesitan usar activamente su aplicación web para participar. Esta característica requiere un Service Worker y un manifiesto de aplicación web, construido sobre la base de algunas de las características resumidas anteriormente.
Push API está completamente implementado en Chrome, Firefox, Edge y Safari. Tenga la seguridad de que su notificación se enviará a los usuarios independientemente del navegador que utilicen.
