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é es esto algo bueno?
Aplicaciones web progresivas
Progressive Web Application (PWA) es una aplicación web que ofrece a sus usuarios una experiencia como la que utilizan en sus teléfonos. Algunos de los conceptos básicos sobre las PWA son:
Estas aplicaciones funcionarán con todos los usuarios de Internet, independientemente del navegador que elijan como uno de sus usuarios principales.
Responden, lo que significa que no importa qué dispositivo esté usando, su PWA se ajustará correctamente a su pantalla.
Como es similar a su aplicación local, 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 a través de 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?
¡Aplicaciones web progresivas rápidas! Incluso sin la red, se carga instantáneamente porque primero se carga desde el caché y solicita una segunda conexión. Al usar un navegador, el dispositivo solicita conectarse primero antes de cargar cualquier cosa. ¡Este retraso de tiempo da como resultado una pantalla en blanco, que aproximadamente la mitad de nosotros abandonará en unos tres segundos!
Estas aplicaciones irradian y se comportan como las aplicaciones que instalamos en nuestros dispositivos sin consumir una gran cantidad de almacenamiento. De hecho, Starbucks PWA es el 0.4% del volumen de su contraparte de aplicaciones domésticas. Lo encuentra en su pantalla de inicio y hace lo mismo que la aplicación local, como notificaciones.
PWA confiables. Utilizan trabajadores de servicio, archivos javascript que se ejecutan por separado del navegador principal. El personal de servicio permite que las aplicaciones controlen las solicitudes de la red, guarden esas solicitudes en caché para mejorar el rendimiento y proporcionen acceso sin conexión al contenido almacenado en caché. Por lo tanto, siempre puede cargarlo y usarlo, con o sin red. Por supuesto, es posible que no pueda acceder a nuevos contenidos hasta que recupere el acceso a la red.
Finalmente, es mucho 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 el ícono en su pantalla de inicio y listo.
Cómo instalar PWA
Puede instalar estas aplicaciones en su pantalla de inicio sin molestarse en la App Store 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 de los usuarios exitosos son Twitter, Pinterest, Trivago, Uber y Starbucks. Se puede acceder a algunas aplicaciones a través de la página web completa, mientras que a otras, como Twitter, se debe acceder a través de su sitio móvil.
Cuando esté en un sitio web que ofrece PWA, haga clic en el ícono de menú en la esquina superior derecha.
Seleccione "Instalar [nombre de la aplicación]" para instalarlo.
Por ejemplo, si accede al sitio web de Twitter Mobile, haga clic en “menú > Instalar Twitter”.
Si no ve la opción de instalar, es probable que la PWA no esté disponible para ese sitio. Sugeriría revisar primero el sitio móvil antes de abandonarlo.
Haga clic en "Instalar" cuando aparezca el cuadro de diálogo de permiso para instalar.
Ábrelo seleccionándolo en el 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 "Eliminar [nombre de la aplicación]".
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 díganos cuáles funcionan para usted comentando a continuación.
