Cómo instalar aplicaciones web progresivas (PWA) en Chrome

A partir de esta semana, podrá instalar una PWA (aplicación web progresiva) en su escritorio a través de Chrome 70 con el clic de 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 utilizan 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 encajará correctamente en la pantalla.
  • Debido a que se parecen a su aplicación nativa, interactúas con ellos de la misma manera que lo harías en tu 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, sin conexión y en áreas con conectividad limitada.

pwa_chrome_no_network

¿Por qué debería utilizar PWA?

¡Las aplicaciones web progresivas son rápidas! Incluso sin una red, se cargan de inmediato porque primero se cargan desde la caché y luego solicitan una conexión. Cuando usa un navegador, su dispositivo solicita la conexión antes de cargar algo. ¡Este tiempo de retraso da como resultado una pantalla en blanco, a la que aproximadamente la mitad de nosotros renunciaremos en unos tres segundos!

Estas aplicaciones se sienten y actúan como las aplicaciones que instalamos en nuestros dispositivos sin una gran cantidad de almacenamiento ocupado. De hecho, Starbucks PWA tiene un 0,4% del tamaño de su contraparte de 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. Usan trabajadores de servicio, archivos Javascript que se ejecutan por separado del navegador principal. Los trabajadores de servicio permiten que las aplicaciones controlen las solicitudes de red, almacenen esas solicitudes en caché para mejorar el rendimiento y brinden 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 contenido nuevo hasta que recupere el acceso a la red.

Por último, es más natural interactuar con las PWA que con un navegador. No es necesario que escriba las direcciones web una y otra vez. Simplemente toque o haga clic en un icono en su pantalla de inicio y listo.

pwa_chrome_address_bar

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. Algunas de las aplicaciones son accesibles 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 una PWA, haga clic en el icono de menú en la esquina superior derecha.

pwa_chrome_install_app

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 para instalar, es probable que no haya una PWA disponible para ese sitio. Sugeriría consultar primero el sitio móvil antes de renunciar a él.

Haga clic en Instalar cuando aparezca el 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, el icono de la barra de tareas y la entrada del menú Inicio.

pwa_chrome_app_window

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]”.

pwa_chrome_uninstall

Debido a sus muchas ventajas, es posible que desee comprobar algunas de estas aplicaciones usted mismo. Es difícil encontrar una lista definitiva de 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

¿Es útil este artículo?


¡Ayúdanos a difundirlo!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *