Progressive web app
Tecnología

Qué son las Progressive Web Apps

Albert López

Las Progressive Web Apps combinan lo mejor de la web y de las aplicaciones nativas

A día de hoy es muy posible que hayas escuchado hablar de las Progressive Web Apps. En este post os explicaré qué son exactamente y sus características más importantes.

Las Progressive Web Apps llegan como nuevo paradigma en el desarrollo de aplicaciones web. Proporcionan una experiencia móvil parecida a la nativa pero en la web, ya que agrupan:

  • Nuevas tecnologías web.
  • Conceptos de diseño.
  • Nuevas APIs.

Imagina que una persona entra en tu página web desde su navegador favorito. Si la persona hace un uso frecuente del site puede decidir añadirla a la pantalla de inicio de su dispositivo. A partir de este momento es cuando la Progressive Web App se abre desde un icono en la pantalla de inicio del dispositivo de forma rápida, con o sin conexión y a pantalla completa. Además, puede recibir notificaciones push sin estar ejecutándose y almacenar información para su uso posterior.

Las Progressive Web Apps llegan como nuevo paradigma en el desarrollo de aplicaciones web.

Las Progressive Web Apps

 

Lo más importante que debes saber.

Para aquellos que no conozcáis del todo qué son las Progressive Web Apps, estas son las 10 características principales según Google:

  1. Progresiva: Funciona para todos los usuarios, independientemente de su navegador.
  2. Responsiva: Encaja en cualquier formato: Escritorio, móvil, tableta o lo que venga en un futuro.
  3. Independiente de la conectividad: Usando service workers para trabajar offline o en escenarios de baja conectividad.
  4. Como una app: Las Progressive Web Apps son indistinguibles para el usuario de una app nativa, porque utilizan navegación y se puede interactuar con ellas de la misma forma.
  5. Actualizada: La aplicación siempre está actualizada gracias al proceso de actualización en segundo plano de los service workers.
  6. Segura: Se entrega vía HTTPS para prevenir ataques y asegurarse que el contenido que se envía no ha sido modificado.
  7. Reconocible: Se identifica como aplicación gracias al manifiesto de la W3C permitiendo a buscadores como Google mostrarlas como resultado.
  8. Engancha: Hace que los usuarios visiten frecuentemente la aplicación gracias a funcionalidades como las notificaciones push.
  9. Instalable: Permite a los usuarios instalar la aplicación en su dispositivo sin tener que lidiar con las stores de aplicaciones.
  10. Vinculable: El usuario puede compartir fácilmente una aplicación a través de una URL como cualquier página web y la instalación es tan fácil como apretar un botón.

Tendremos que esperar un poco hasta que se establezcan los estándares y que todos los navegadores lo implementen para poder usarlas.

Tal y como vemos con este conjunto de atributos, las Progressive Web Apps no se diferencian mucho de una aplicación híbrida hecha en Phonegap, Cordova o similar.

¿Por qué deberíamos utilizarlas?

  • Son igual de fáciles de descubrir que una web en Google.
  • Tienen una velocidad de respuesta de una aplicación nativa.
  • Muestran un futuro fresco y prometedor en un mercado abarrotado y controlado como son las stores de aplicaciones.
  • El estándar de la W3C todavía no está cerrado pero la mayoría de funcionalidades que hemos comentado son accesibles en Mozilla Firefox, Google Chrome y Opera.

Si tienes un navegador moderno, actualizado a su última versión y quieres probar el funcionamiento de esta tecnología aún en desarrollo, en este enlace podrás probar de primera mano algunas Progressive Web Apps de ejemplo: https://pwa.rocks/

Do NOT follow this link or you will be banned from the site!
Privacidad

En este portal web procesamos datos personales como, por ejemplo, tus datos de navegación. Si sigues navegando por nuestro portal, nosotros y otras compañías seleccionadas podrán instalar cookies o acceder a información no sensible de tu dispositivo con el objetivo de crear perfiles, personalizar contenidos, servir anuncios adaptados a tus preferencias y elaborar estadísticas. Puedes configurar tus preferencias de privacidad ahora o en cualquier momento accediendo a nuestra Política de Privacidad

Más información
Seguir navegando

Medición

La recogida de información sobre el uso de contenido y la combinación con información previamente recogida, usada para medir, entender e informar sobre la utilización del contenido.

Código de terceras partes

Uso de código de terceras partes para ofrecer funcionalidades e información. El almacenamiento de información, o el acceso a información que ya está almacenada en su dispositivo, como identificadores de dispositivos, cookies y tecnologías similares.

Datos

La recogida de información sobre el uso de contenido por su parte y la combinación con información previamente recogida, usada para medir, entender e informar sobre su utilización del contenido. Esto no incluye la Personalización, la recogida de información sobre su uso de este servicio para personalizar posteriormente el contenido y/o la publicidad dirigida a usted en otros contextos, es decir, en otros servicios, como sitios web o aplicaciones, a lo largo del tiempo.