Web Progressive Apps
Convertirmos tu web en una WPA
Realizamos diseños increibles
¿Qué son las Progressive Web Apps?
Una Progressive Web App (PWA) es una aplicación web que no depende de ningún sistema operativo, funciona en cualquier navegador e incorpora diferentes funcionalidades nativas del dispositivo desde el que se accede. El objetivo de estas “páginas web” es tener una experiencia similar o igual al de una aplicación nativa, de manera que el usuario no se percate de que está en una PWA.
Características destacables que debe cumplir una Progressive Web App
Debe ser responsive; es decir, el diseño debe adaptarse a todos los dispositivos.
Debe utilizar Service Worker para poder acceder cuando no se tenga conexión, o ésta sea de mala calidad, y poder aplicar los diferentes sistemas de caché.
Debe utilizar notificaciones push.
Debe poder añadirse al escritorio del dispositivo como acceso directo, con su propio icono, añadiendo el archivo manifest.json.
Adicionalmente, si se cumplen ciertos requisitos, Chrome mostrará un banner para instalar la web App. Estos requisitos actualmente son: Que el usuario haya visitado la página 2 veces con al menos 5 minutos de diferencia entre visitas, que se haya registrado un Service Worker y que el archivo manifest.json tenga ciertos parámetros obligatorio
Segura: Debe utilizar el protocolo seguro https. Esto es necesario para poder instalar el Service Worker.
Rápida: Se deben usar todo tipo de técnicas de WPO para que la carga sea instantánea, que la pantalla no pegue saltos al cargar, que la respuesta de la interfaz sea inmediata, etc.
Indexable y enlazable: Las PWA deben ser indexables para poder llegar a ellas a través de los diferentes buscadores.
Sabias que ….
El nacimiento de las Progressive Web Apps o PWA se remonta a la llegada del primer iPhone al mercado móvil, en el año 2007. Cuando Apple lanzó este dispositivo, aún no contaba con una tienda oficial de aplicaciones como es ahora la App Store, por lo que firmó un convenio con algunas empresas con alta presencia en el mercado móvil y co-desarrolló algunas aplicaciones para su nuevo teléfono.
Ventajas de las PWAs
Son aplicaciones web, por lo que pueden ejecutarse en cualquier dispositivo que tenga un navegador web, sea en móvil o escritorio.
No tenemos que descargarlas de ninguna Store. Permiten ser añadidas como acceso directo en el escritorio de nuestro terminal, recuperando así el contenido de manera más ágil, tengamos o no conexión a Internet.
No ocupan espacio en la memoria del dispositivo ya que no las hemos instalado y estamos accediendo con un acceso directo.
Permiten el envío de notificaciones push, recordando al usuario que nuestra web sigue ahí o que tenemos contenido nuevo que le puede interesar.
Ayudan con el tráfico de usuarios.
Funcionan con el protocolo seguro https.
Son ligeras y rápidas al cargar, ya que utilizan archivos html, css y js, además de guardar caché del dispositivo.
Utilizan Service Workers.
Tienen un coste de desarrollo menor ya que no conllevan todo el trabajo que supone realizar una aplicación nativa que va enfocada a un sistema operativo concreto. No tenemos que crear una versión para cada una, ya que se lanza a través del navegador común a todos, y se adapta a todas las resoluciones.
Al ser una aplicación web, todas sus urls son enlazables y fáciles de compartir, además de estar indexadas por Google y se puede acceder a ellas a través de su buscador.
La carga y mantenimiento de contenido es mucho más simple y rápido que en las aplicaciones nativas. Además, no tenemos que volver a descargarla cada vez que hay una actualización de contenido disponible, como ocurre en las apps nativas.
Pero, ¿quién está utilizando PWA hoy en día?
Algunas de las webs más conocidas sacaron sus propias PWAs y vieron cómo sus visitas aumentaban exponencialmente. Algunos ejemplos son:
Twitter Lite: Es la PWA de la empresa Twitter, ocupa menos de un megabyte. Permite ahorrar hasta un 70% de datos y se carga un 30% más rápido.
Facebook Lite: Esta PWA apareció en 2018 manteniendo las características de su app nativa a excepción de Messenger.
Algunos otros ejemplos de PWA son las webs de Alibaba, The Weather Channel, Lancome Paris o el Huffington Post.
Servicio Web Proguessive Apps
Convertimos tu Página Web en una WPA
PWA
- Conversión de Página Web, a Web Progressive Apps
Solicita aquí tu informe para tu app móvil pwa.
_ NOS DIFERENCIAMOS DEL RESTO _
