Introducción a las aplicaciones web progresivas (PWA)

  • Artículo

Las aplicaciones web progresivas (PWA) son aplicaciones que se compilan mediante tecnologías web y que se pueden instalar y ejecutar en todos los dispositivos, desde un código base.

Las PWA proporcionan experiencias nativas a los usuarios en dispositivos auxiliares. Se adaptan a las funcionalidades admitidas por cada dispositivo y también se pueden ejecutar en exploradores web, como sitios web.

Para empezar a crear una PWA, consulte Introducción a las aplicaciones web progresivas.

Vídeo: Ignite | Marzo de 2021 | La historia de Web Apps

Imagen en miniatura del vídeo

Ventajas de PWA

Experiencias nativas

Cuando se instalan en un dispositivo, las PWA funcionan igual que otras aplicaciones. Por ejemplo:

  • Las PWA tienen sus propios iconos de aplicación que se pueden agregar a la pantalla principal o barra de tareas de un dispositivo.
  • Las PWA se pueden iniciar automáticamente cuando se abre un tipo de archivo asociado.
  • Las PWA se pueden ejecutar cuando el usuario inicia sesión.
  • Las PWA se pueden enviar a almacenes de aplicaciones, como Microsoft Store.

Funcionalidades avanzadas

Las PWA también tienen acceso a funcionalidades avanzadas. Por ejemplo:

  • Las PWA pueden seguir funcionando cuando el dispositivo está sin conexión.
  • Las PWA admiten notificaciones push.
  • Las PWA pueden realizar actualizaciones periódicas incluso cuando la aplicación no se está ejecutando.
  • Los PWA pueden acceder a las características de hardware.

Por último, las PWA se pueden ejecutar en exploradores web, al igual que los sitios web. Ejecutar como sitios web proporciona ventajas a las PWA, como:

  • Los motores de búsqueda pueden indexar las PWA.
  • Las PWA se pueden compartir e iniciar desde un vínculo web estándar.
  • Las PWA son seguras para los usuarios porque usan puntos de conexión HTTPS seguros y otras medidas de seguridad de usuario.
  • Los PWA se adaptan al tamaño o la orientación de la pantalla del usuario y al método de entrada.
  • Las PWA pueden usar API web avanzadas como WebBluetooth, WebUSB, WebPayment, WebAuthn o WebAssembly.

Menor coste de desarrollo

Las PWA tienen un coste de desarrollo multiplataforma mucho menor que las aplicaciones compiladas que requieren un código base específico e independiente para cada plataforma, como Android, iOS y cada sistema operativo de escritorio.

Con una PWA, puede usar un único código base que se comparte entre su sitio web, aplicación móvil y aplicación de escritorio (entre sistemas operativos).

Compatibilidad entre dispositivos

Las aplicaciones web progresivas (PWA) se compilan mediante código HTML, CSS y JavaScript hospedado en servidores web y que se ejecuta en motores de explorador web. Se pueden usar directamente en un explorador web, como un sitio web, o instalarse en un dispositivo desde una tienda de aplicaciones o mediante la característica de instalación de la aplicación de un explorador compatible. Para obtener más información sobre cómo instalar PWA en Microsoft Edge, consulte Instalación de las PWA.

La experiencia del usuario de una PWA se escala o reduce verticalmente con las funcionalidades del dispositivo. En concreto, en Windows con Microsoft Edge, puede crear experiencias envolventes que se integren profundamente con el sistema operativo. El uso de solo tecnologías web garantiza que la aplicación funcionará en otros exploradores, sistemas operativos y dispositivos.

La informática de escritorio sigue siendo el entorno de productividad principal para muchos usuarios. Las PWA pueden proporcionar experiencias totalmente personalizadas e instalables en un sistema operativo de escritorio que heredan las ventajas de ese entorno. Sin embargo, las PWA también se pueden instalar en dispositivos móviles o usarse directamente en exploradores web.

Cerrando las diferencias entre la web y lo nativo

No hay mucho que no se pueda hacer hoy en día con las tecnologías web. Muchas características que antes solo eran posibles mediante lenguajes específicos del dispositivo ahora se pueden lograr mediante tecnologías web estándar. Por ejemplo:

  • Gestionar archivos.
  • Compartir contenido con otras aplicaciones.
  • Obtener acceso al Portapapeles.
  • Sincronizar los datos y capturar los recursos en segundo plano.
  • Acceder al hardware del dispositivo, como Bluetooth y USB.
  • Almacenar contenido en bases de datos.
  • Aprovechar las ventajas de los gráficos acelerados por hardware.
  • Usar diseños, animaciones y filtros CSS para crear diseños avanzados.
  • Ejecutar código de rendimiento casi compilado con WebAssembly.

Gracias a Microsoft Edge, las PWA en el escritorio pueden aprovechar al máximo estas funcionalidades para ofrecer lo que los usuarios esperan que las aplicaciones de escritorio puedan hacer. Estas funcionalidades proporcionan experiencias más atractivas en plataformas web y de escritorio.

Para encontrar ejemplos de lo que las PWA pueden hacer, consulte Destruir mitos sobre las PWA.

Microsoft Store

Dado que las aplicaciones web progresivas (PWA) son igual que otras aplicaciones de Microsoft Store, los usuarios pueden interactuar completamente con ellas (desde la detección, la instalación hasta la ejecución) sin necesidad de abrir el explorador.

Microsoft Store proporciona una experiencia confiable y familiar para que los usuarios instalen su aplicación. Además, puede ver estadísticas de uso detalladas y gráficos que le permiten saber cómo están funcionando las aplicaciones de Microsoft Store.

Consulte Publicación de una aplicación web progresiva en Microsoft Store.

Casos de éxito

El uso de tecnologías de aplicación web progresiva (PWA) es una excelente manera de hacer que la aplicación sea segura, reconocible, enlazable, fácil de instalar y de actualizar, con capacidad de respuesta e independiente de la red. Muchas empresas han tenido éxito con las PWA. Por ejemplo:

  • La PWA de Starbucks ha duplicado el número de usuarios activos diarios. Los pedidos en el escritorio se hacen casi con la misma velocidad que en el móvil (fuente).
  • Trivago ha experimentado un aumento del 150 % para las personas que agregan su PWA a la pantalla principal. El aumento de la participación provocó un aumento del 97 % en los registros de las ofertas de hotel (fuente).
  • Tinder ha reducido los tiempos de carga de 11,91 segundos a 4,68 segundos con su PWA. La aplicación es un 90 % más pequeña que la aplicación de Android compilada (fuente).

Lea más casos de éxito en el sitio web de estadísticas de PWA.

Consulte también