Una aplicación web progresiva (PWA) es una aplicación web que te permite ofrecer una experiencia similar a la de una aplicación nativa a los usuarios de dispositivos móviles para que tengan una experiencia rápida, fluida y atractiva con tu sitio.
PWA se cargan al instante, responden rápidamente a las interacciones de los usuarios y se sienten como una aplicación natural. No necesitan una tienda de aplicaciones para su instalación y permiten a los usuarios volver a entrar en el sitio al instante, incluso cuando el dispositivo está desconectado
Nota:
-
Las PWA solo se pueden habilitar en sitios HTTPS. Para obtener más información, consulte SSL (HTTPS).
-
PWA son compatibles con Chrome para Android. Si la PWA está habilitada, el navegador pregunta automáticamente al usuario si quiere añadir el sitio a la pantalla de inicio
-
También puede agregar PWA en dispositivos IOS que ejecuten la versión 11.3. Sin embargo, dado que el mensaje automático del navegador «añadir a la pantalla» aún no está disponible, los usuarios deberán añadir la PWA manualmente. Para obtener más información sobre cómo hacerlo, visite Soporte técnico de Apple.
Para activar la función PWA:
-
Haga clic Aplicación web progresiva.
-
Haga clic en Activa la aplicación Progressive Web alternar.
-
(Opcional) Haga clic en Sirva primero el marcado de las páginas desde la caché alternar. Esta configuración cambia nuestra estrategia de almacenamiento en caché para los trabajadores del servicio (para los sitios en tiempo de ejecución); en lugar de registrarse primero en la red, obtendrá primero la página de la caché (siempre y cuando no se vuelva a publicar). La mejor opción es almacenar primero en caché (activar) si sabes que el sitio y sus activos no van a cambiar mucho, ya que cargará rápidamente la información almacenada en caché y estará más fácilmente disponible para los clientes sin conexión. Lo mejor es usar primero la red (con la opción desactivada) cuando los datos deben estar lo más actualizados posible
-
(Opcional) Haga clic en Habilite los navegadores móviles para solicitar la instalación del sitio como una aplicación. Cuando está activada, puede configurar los siguientes ajustes:
-
Nombre. Este es el nombre que aparece en la pantalla de inicio y en el mensaje «Agregar a la pantalla de inicio». Puede tener hasta 60 caracteres.
-
Nombre abreviado. Es el nombre que se usa cuando no hay suficiente espacio para mostrar el nombre completo; por ejemplo, en la pantalla de inicio del dispositivo móvil. Este nombre puede tener hasta 60 caracteres, pero te sugerimos que lo hagas lo más corto posible.
-
Icono. Este es el icono que aparece en la pantalla de inicio del dispositivo móvil y en la pantalla de inicio cuando se carga la aplicación. Debe tener al menos 192 píxeles de ancho y estar en formato.png.
-
Color de fondo de la pantalla de bienvenida. Este es el color que aparece mientras se carga el sitio.
-
Cuando un usuario acceda a un sitio habilitado con PWA desde su dispositivo móvil, verá el botón Agregar a la pantalla de inicio debajo del sitio. Una vez añadido a la pantalla de inicio, el icono aparecerá en su dispositivo para acceder rápidamente al sitio (de forma similar a una aplicación
El usuario ahora puede volver a entrar en el sitio con este icono, incluso si el dispositivo está desconectado.