¿Qué son las aplicaciones web progresivas y cómo instalo una?

Las aplicaciones dominan su teléfono 10 aplicaciones de Android que harán su vida mucho más fácil 10 aplicaciones de Android que harán su vida mucho más fácil La vida es complicada, pero estas aplicaciones pueden facilitarle un poco la navegación. . Y si bien las aplicaciones no influyen en su escritorio o navegador de la misma manera, parece que cambiará. Las aplicaciones web progresivas (PWA) están creciendo en estatura a medida que más navegadores ofrecen soporte.

Pero, ¿qué es exactamente una aplicación web progresiva y qué harán por usted? Aquí está todo lo que necesitas saber.

¿Qué es una aplicación web progresiva??

Las aplicaciones web progresivas son aplicaciones web que ofrecen un sitio regular a los usuarios pero aparecen como una aplicación móvil nativa. Los PWA intentan llevar la usabilidad de una aplicación móvil nativa al conjunto de funciones del navegador moderno, aprovechando al máximo los avances en ambas áreas de desarrollo.

Lo que define un PWA, entonces?

• Universal: Un PWA debe funcionar sin problemas (bueno, casi) para cada usuario, independientemente de su navegador.
• Sensible: Los PWA deberían funcionar con cualquier dispositivo, como su computadora portátil, tableta, teléfono inteligente, etc..
• Diseño: El diseño debe imitar las aplicaciones móviles nativas, es decir, menús simplificados y fáciles de encontrar, con una interactividad simple para funciones avanzadas.
• Seguro: Los PWA deben usar HTTPS para mantener seguros los datos del usuario.
• Descubrible: Los usuarios pueden encontrar PWA y son fácilmente identificables como una aplicación (en lugar de un “sitio”).
• Compromiso: Un PWA debe tener acceso a funciones de interacción nativas como notificaciones push.
• Actualizaciones: Los PWA permanecen actualizados y ofrecen las últimas versiones de un servicio o sitio..
• Instalación: Permite a los usuarios fácilmente “instalar” el PWA a su pantalla de inicio sin necesidad de una tienda de aplicaciones.
• Compartir Los PWA solo requieren una única URL para compartir, sin ninguna instalación.

Como puede ver, los PWA tienen como objetivo proporcionar a los usuarios una experiencia completa del sitio web con las características optimizadas y el diseño de interfaz de una aplicación nativa.

Aplicaciones web progresivas y trabajadores de servicios

La clave para las aplicaciones web progresivas son los trabajadores de servicios de navegador.

Un trabajador de servicio es un script que se ejecuta en segundo plano en su navegador., “separado de una página web, abriendo la puerta a funciones que no necesitan una página web o interacción del usuario.” Puede utilizar trabajadores del servicio como notificaciones push y sincronización en segundo plano. Cómo deshabilitar las notificaciones molestas en Chrome, Firefox, Safari y más. Cómo deshabilitar las notificaciones molestas en Chrome, Firefox, Safari y más. Safari, Opera, Firefox y Microsoft Edge. en este momento, pero el futuro inmediato de PWA le da a estos scripts un mayor poder.

Como tal, los trabajadores de servicios forman la base del estándar PWA, utilizando el caché web para obtener resultados casi instantáneos..

Antes de los trabajadores de servicio, la secuencia de comandos de caché del navegador era Application Cache (o App Cache). App Cache se presenta en una amplia gama de servicios fuera de línea, pero era algo propenso a errores. Además, App Cache tiene varias limitaciones bien conocidas, como explica A List Apart.

Pero el principal problema para los desarrolladores es la falta de interacción directa con exactamente cómo funciona AppCache, lo que impide que los desarrolladores solucionen problemas con precisión a medida que surgen. A su vez, los sitios web y servicios con funcionalidad completa fuera de línea eran una opción arriesgada.

Sin embargo, los trabajadores de servicio solo duran mientras se requiera su acción. En una PWA, cuando hace clic en algo o usa una función, un trabajador de servicio entra en acción. El trabajador de servicio (recuerde, es un script) procesa el evento, decidiendo si el caché sin conexión puede completar la solicitud. La idea es que hay múltiples cachés fuera de línea para que el PWA elija, lo que brinda una gama mucho más amplia de funcionalidad fuera de línea.

Además, el caché no es solo para aumentos de velocidad fuera de línea. Por ejemplo, te diriges a un PWA, pero tu conexión es extremadamente irregular. El trabajador de servicio sirve un caché anterior, en pleno funcionamiento, sin interrumpir su experiencia..

PWA: ¿Cuáles son las opciones de su navegador??

Hay dos requisitos para usar un PWA: un navegador compatible y un servicio habilitado para PWA.

Primero, echemos un vistazo a los navegadores. ¿Está listo el PWA? el sitio es la mejor manera de verificar el soporte del navegador.

Desglosándolo un poco más:

• Navegador de escritorio (soporte completo): Chrome, Firefox, Opera, QQ Browser, 360 Browser
• Navegador de escritorio (soporte con errores): Safari, Microsoft Edge
• Navegador móvil (soporte completo): Chrome, Firefox, Xiaomi, UC Browser, Baidu, Wechat, Sogou, 360 Browser, Quark
• Navegador móvil (soporte parcial): Samsung, navegador QQ
• Navegador móvil (soporte con errores): Leopardo cazador

Por lo tanto, los principales navegadores son compatibles con PWA. En el caso de Microsoft Edge y Safari, el soporte adicional de PWA llegará muy pronto.

Encontrar e instalar PWAs

Ahora que sabe qué navegador usar, puede pensar en buscar e instalar un PWA. Para este ejemplo, usaré un Samsung Galaxy S8 con Chrome.

Ya hay PWA en todas partes. Muchas compañías están adaptando sus sitios y servicios para ofrecer la funcionalidad PWA. Sin embargo, todavía no existe un único método seguro para encontrar una PWA. Los PWA no se implementan en Google Play Store o App Store. En mi experiencia, dirigirse al sitio móvil de una empresa o servicio generalmente desencadena un Añadir a la pantalla principal caja de diálogo.

Mira el video a continuación para ver qué sucede cuando visitas el sitio móvil de Twitter.

Una vez que toca el Añadir a la pantalla principal botón, verá que el PWA aparece en el cajón de su aplicación. Es casi como instalar una aplicación normalmente desde Google Play.

Por supuesto, visitar innumerables sitios y esperar ver el disparador de la pantalla de inicio no es útil. De hecho, es francamente lento. Tal como están las cosas, no hay demasiados sitios dedicados a enumerar PWA, y los que existen no rastrean la web como un motor de búsqueda ¿Cómo funcionan los motores de búsqueda? ¿Cómo funcionan los motores de búsqueda? Para muchas personas, Google ES internet. Podría decirse que es el invento más importante desde Internet. Y aunque los motores de búsqueda han cambiado mucho desde entonces, los principios subyacentes siguen siendo los mismos.. .

Primero, prueba outweb. Enumera un rango bastante decente de PWA, con nuevas opciones que aparecen con frecuencia. A continuación, intente pwa.rocks. Tiene una selección más pequeña, pero algunos PWA útiles que querrás agregar a tu dispositivo.

¿Las PWA reemplazarán las aplicaciones nativas??

Las aplicaciones web progresivas son un excelente paso híbrido entre su navegador y una aplicación nativa. ¿Reemplazarán por completo las aplicaciones nativas? Dado que su enfoque actual son los sitios y servicios existentes, no en el momento actual.

Sin embargo, sin duda veremos más crossovers. Las estadísticas disponibles en PWA Stats también lo respaldan. Aquí hay algunos números interesantes para que reflexione:

• Trivago experimentó un aumento del compromiso del 150 por ciento para los usuarios que agregaron su PWA a una pantalla de inicio.
• PWA de Forbes “carga en 2.5 segundos,” mientras que las impresiones por visita aumentaron un 10 por ciento. La PWA de Forbes también vio duplicar la duración de las sesiones de usuario.
• Twitter Lite experimentó un aumento del 65 por ciento en las páginas por sesión, con un aumento masivo del 75 por ciento en los tweets.
• Alibaba vio un aumento del 76 por ciento en las conversiones móviles.

Los PWA aún no son convencionales. Pero con la gran variedad de beneficios que brindan, como el ahorro de espacio en su dispositivo Ahorre espacio de almacenamiento con estas aplicaciones de Android 7 Lite Ahorre espacio de almacenamiento con estas aplicaciones de Android 7 Lite Si tiene un dispositivo más antiguo o simplemente un teléfono Android barato, Estas aplicaciones serán mucho mejores para usted que sus contrapartes principales. , escuchará sobre ellos cada vez más a lo largo de 2018 y en adelante.