Introducción a las aplicaciones web progresivas (PWA)

Las Web Apps 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 PPA 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 la Web Apps progresiva.

Ventajas de PWA

Experiencias nativas

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

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

Funcionalidades avanzadas

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

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

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

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

Menor costo de desarrollo

Las PPA tienen un costo 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 código base único que se comparte entre el sitio web, la aplicación móvil y la aplicación de escritorio (en todos los sistemas operativos).

Compatibilidad entre dispositivos

Los Web Apps progresivos (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 un PWA.

La experiencia del usuario de un 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 PPA pueden proporcionar experiencias totalmente personalizadas e instalables en un sistema operativo de escritorio que heredan las ventajas de ese entorno. Sin embargo, las PPA también se pueden instalar en dispositivos móviles o usarse directamente en exploradores web.

Puente de la brecha entre web y nativo

No hay mucho que no 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:

  • Controlar archivos.
  • Compartir contenido con otras aplicaciones.
  • Acceda al Portapapeles.
  • Sincronizar datos y capturar recursos en segundo plano.
  • Acceso al hardware del dispositivo, como Bluetooth y USB.
  • Almacenar contenido en bases de datos.
  • Aproveche las ventajas de los gráficos acelerados por hardware.
  • Use diseños, animaciones y filtros CSS para crear diseños avanzados.
  • Ejecute 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 PPA pueden hacer, consulte MÓCA de descomando mitos.

The Microsoft Store

Dado que la Web Apps progresiva (PWA) es igual que otras aplicaciones de Microsoft Store, los usuarios pueden interactuar completamente con ellos(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 la 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.

Obtenga información sobre cómo publicar su PWA 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 actualizar, con capacidad de respuesta e independiente de la red. Muchas empresas han tenido éxito con las PPA. Por ejemplo:

  • La PWA de Starbucks ha aumentado los usuarios activos diarios dos veces. Los pedidos en el escritorio son casi la misma velocidad que el móvil (origen).
  • Trivago vio un aumento del 150 % para las personas que agregan su PWA a la pantalla principal. El aumento de la contratación llevó a un aumento del 97 % en las salidas a las ofertas de hoteles (fuente).
  • Tinder reduce 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 android compilada (origen).

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

Ver también