A partir de esta semana, podrá instalar una PWA (aplicación web progresiva) en su escritorio a través de Chrome 70 con solo hacer clic en un botón. ¿Qué es una PWA? ¿Y por qué eso es bueno?
Aplicaciones web progresivas
Una aplicación web progresiva (PWA) es una aplicación web que ofrece a sus usuarios una experiencia como la que usan en sus teléfonos. Algunos conceptos básicos sobre las PWA son:
- Estas aplicaciones funcionarán para todos los usuarios de Internet, sin importar qué navegador elijan como principal.
- Responden, lo que significa que no importa en qué dispositivo se encuentre, el PWA se ajustará correctamente en la pantalla.
- Debido a que se parecen a su aplicación nativa, interactúa con ellos de la misma manera que lo haría en su teléfono. Esto significa que no hay URL para escribir y navegación con un solo toque en toda la aplicación.
- Las aplicaciones web progresivas se pueden usar en línea, fuera de línea y en áreas con conectividad limitada.
¿Por qué debería usar PWA?
¡Las aplicaciones web progresivas son rápidas! Incluso sin una red, se cargan de inmediato porque primero se cargan desde el caché y luego solicitan una conexión. Cuando usa un navegador, su dispositivo solicita la conexión primero antes de cargar algo. ¡Este tiempo de retraso da como resultado una pantalla en blanco, que aproximadamente la mitad de nosotros abandonará en unos tres segundos!
Estas aplicaciones se sienten y actúan como las aplicaciones que instalamos en nuestros dispositivos sin ocupar una gran cantidad de almacenamiento. De hecho, la PWA de Starbucks tiene un 0,4 % del tamaño de su contraparte de la aplicación nativa. Los encuentra en su pantalla de inicio y hace las mismas cosas que la aplicación nativa, como notificaciones.
Los PWA son confiables. Utilizan trabajadores de servicio, archivos Javascript que se ejecutan por separado del navegador principal. Los trabajadores del servicio permiten que las aplicaciones controlen las solicitudes de red, almacenen en caché esas solicitudes para mejorar el rendimiento y proporcionen acceso sin conexión al contenido almacenado en caché. Por lo tanto, siempre puede cargarlos y usarlos, con o sin red. Por supuesto, es posible que no pueda acceder a nuevos contenidos hasta que recupere el acceso a la red.
Por último, es más natural interactuar con las PWA que con un navegador. No necesita escribir direcciones web una y otra vez. Simplemente toque o haga clic en un icono en su pantalla de inicio y listo.
Cómo instalar PWA
Puede instalar estas aplicaciones en su pantalla de inicio sin molestarse con una tienda de aplicaciones para encontrarlas y descargarlas.
Elija un sitio con una opción de aplicación web progresiva. Todavía hay un número limitado, pero algunos con los que los usuarios han tenido éxito son Gorjeo, Pinterest, Trivago, Ubery starbucks. Se puede acceder a algunas de las aplicaciones a través de la página web completa, mientras que otras, como Twitter, deben accederse a través de su sitio móvil.
Cuando esté en un sitio web que ofrece un PWA, haga clic en el ícono de menú en la esquina superior derecha.
Seleccione «Instalar [App Name]” para instalarlo.
Por ejemplo, si accede al sitio de Twitter Mobile, haga clic en «menú > Instalar Twitter».
Si no ve la opción de instalar, es probable que no haya una PWA disponible para ese sitio. Sugeriría revisar primero el sitio móvil antes de renunciar a él.
Haga clic en Instalar cuando aparezca el cuadro de diálogo de permiso para instalar.
Ábralo seleccionándolo en su escritorio, o en Windows 10, en la lista de aplicaciones. La aplicación se abrirá con su propia ventana, icono de la barra de tareas y entrada del menú Inicio.
Si decide desinstalar la aplicación web progresiva, simplemente haga clic en los tres puntos verticales en la parte superior y haga clic en «Desinstalar». [app name]”.
Debido a sus muchas ventajas, es posible que desee comprobar algunas de estas aplicaciones por sí mismo. Es difícil encontrar una lista definitiva de las PWA que están disponibles actualmente, así que háganos saber cuáles funcionan para usted comentando a continuación.
Credito de imagen: Dirección del sitio web/barra de URL