Aplicaciones web progresivas: ¿el futuro de la web moderna?

En estos días, las aplicaciones web progresivas (PWA) son la comidilla de la ciudad, principalmente debido a su increíble usabilidad y experiencia de usuario única. Con las funciones combinadas de sitios web y aplicaciones nativas , las PWA se están convirtiendo en una norma para las aplicaciones web multidispositivo, lo que permite a los desarrolladores crear aplicaciones dinámicas de carga rápida sin utilizar marcos híbridos .

Creo que las aplicaciones web progresivas son el futuro de los sitios web , y en el siguiente artículo analizaré sus beneficios y casos de uso para darle una idea completa. Vayamos a ello.

¿Qué son las aplicaciones web progresivas?

El término «aplicaciones web progresivas» fue acuñado por primera vez por Alex Rusell (un desarrollador de Google Chrome) y Frances Berriman (un diseñador). Alex compartió su idea sobre las aplicaciones web progresivas de que » estas aplicaciones no se empaquetan ni implementan en las tiendas, son solo sitios web que toman todas las vitaminas adecuadas «.

“Los sitios que quieren enviarle notificaciones o estar en su pantalla de inicio deben ganar eso con el tiempo a medida que los usa cada vez más. Ellos se vuelven progresivamente “aplicaciones” “, escribió Alex sobre Appiness PWA’. Finalmente, concluyó, “ estas aplicaciones pueden ofrecer una experiencia de usuario aún mejor que las aplicaciones web tradicionales ”.

Aplicaciones>>Las aplicaciones web, o aplicaciones web tradicionales, son las aplicaciones del lado del cliente que se ejecutan directamente en un navegador web . Aunque son mejores que los sitios web, tienen sus problemas. Si no conoce la diferencia entre aplicaciones web y sitios, las aplicaciones web se diferencian de los sitios web porque las aplicaciones web se ven y se sienten como aplicaciones nativas.

Dicho esto, las aplicaciones web progresivas son la próxima generación de aplicaciones web que funcionan más como aplicaciones nativas al hacer uso de las mejoras nativas del dispositivo. Por ejemplo, las aplicaciones web progresivas pueden hacer uso de funciones nativas como cámara, balizas, etc. junto con funciones como caché fuera de línea, notificaciones push, etc.

¿Por qué necesitamos aplicaciones web progresivas?

Tenemos aplicaciones nativas, por un lado, que son increíblemente rápidas y confiables incluso en las peores situaciones, como conectividad lenta o nula. Pero luego, tenemos sitios web y aplicaciones web, por otro lado, que son lentos y no funcionan bien sin condiciones de red. Es por eso que la mayoría de la gente prefiere las aplicaciones nativas .

Accelerated> , un proyecto impulsado por Google, se inició en 2016 para resolver problemas de conexión lenta , especialmente en teléfonos inteligentes, y brindar una mejor experiencia de usuario a los usuarios de dispositivos móviles. Sin embargo, AMP no resuelve problemas de red. Además, no acelera el tiempo de carga tanto como las aplicaciones nativas y, nuevamente, posee pocas limitaciones para lograr esta velocidad.

Es por eso que necesitamos aplicaciones web progresivas. Las PWA brindan la mejor experiencia de usuario posible en condiciones de red lenta o nula . Por ejemplo, PWA puede mostrar una pantalla de progreso cuando está cargando el contenido o una pantalla de presentación cuando no hay conectividad web, respectivamente.

¿Por qué las aplicaciones web progresivas tienen sentido?

Como se especifica en el Informe de aplicaciones móviles de EE. UU. 2017 de comScore , los usuarios de aplicaciones pasan casi el 77 por ciento de su tiempo en sus tres aplicaciones principales , mientras que el resto de las aplicaciones permanecen inactivas pero aún bloquean los recursos del sistema, incluida la memoria. Además, también comparte que el 50 por ciento de los usuarios no descargan ninguna aplicación al mes . Este hecho sugiere que los usuarios dudan en instalar nuevas aplicaciones y, por lo tanto, PWA tiene una ventaja.

Encuentro que la gente busca principalmente sitios web en computadoras de escritorio, pero prefieren aplicaciones en dispositivos móviles (aplicaciones nativas, por supuesto). La razón es que las computadoras ofrecen muchos más recursos de red que los teléfonos inteligentes y las aplicaciones consumen menos recursos que los sitios web de su contraparte. Además, son rápidos y fiables.

Además, las aplicaciones nativas cuestan mucho más que los sitios web, entre cinco y diez veces o más, según el tipo de proyecto. Además, su costo puede multiplicarse si existe la necesidad de desarrollar aplicaciones nativas para múltiples plataformas (por ejemplo, Android e iOS) con diferentes bases de código. Sin embargo, PWA puede ayudar a minimizar costos de desarrollo tan altos , gracias a su soporte para varias plataformas.

Funciones de aplicaciones web progresivas

Las aplicaciones web progresivas tienen muchas características directas que las distinguen de sus contrapartes más simples, es decir, aplicaciones web (o más simples, sitios web):

  • Sensible. Trabaja en todos los dispositivos de cualquier tamaño de pantalla.
  • Primero sin conexión. Cargue en red lenta o sin red también.
  • Sensación de aplicación. Mire e interactúe como una aplicación nativa.
  • A hoy. Actualiza por sí mismos, casi de forma transparente.
  • Seguro seguro. Utilice HTTPS para cargar recursos de la página.
  • Descubrible. Aprovechar el contenido para los motores de búsqueda .
  • Re-comprometible. Vuelva a participar, por ejemplo, mediante notificaciones.
  • Instalable. Se puede colocar en la pantalla de inicio.
  • Vinculable. Carga páginas similares a aplicaciones, pero con URL.

Lo que encuentro interesante es que las aplicaciones web progresivas no solo se ven y se sienten como aplicaciones nativas, sino que también tienen acceso a las funciones nativas del dispositivo . Eso significa que una PWA puede tomarle una foto con la cámara de su dispositivo. Sin embargo, debo compartir que no tiene acceso a funciones limitadas como ubicación, teléfono o SMS.

Nota: Puede leer más sobre sus características y otros detalles en esta publicación .

¿Creando aplicaciones web progresivas?

Google proporciona una » Lista de verificación de aplicaciones web progresivas «: una lista detallada para ayudar a los principiantes a crear aplicaciones web progresivas. Esta lista sin guía comparte las características necesarias para crear PWA : una «PWA básica » y una «PWA ejemplar»; el primero enumera cosas cruciales para una aplicación básica y el segundo para una aplicación avanzada.

Además,>Lighthouse>herramienta gratuita de código abierto para mejorar una página web que incluye controles de calidad para la accesibilidad, el rendimiento y las funciones de PWA. Otra herramienta destacada es Workbox , que ayuda a crear aplicaciones con una experiencia sin conexión .

¿Son las aplicaciones web progresivas el futuro?

Aunque las aplicaciones web progresivas pueden no resolver todos los problemas de nuestras aplicaciones o reemplazar las aplicaciones nativas en un futuro cercano, creo que jugarán un papel importante, gracias a sus beneficios que son mucho más que sus limitaciones . Y con casi todas las grandes plataformas que comienzan a admitir PWA, no está lejos de que las veremos en todas partes.

Apple introdujo funciones de PWA (API web) en Safari 11.1, incluida la API Beacon, Service Workers, Web App Manifest, etc .; así traer PWA a iOS pronto si no ya. Google ya ha admitido PWA en Chrome para Android y también planea llevarlo a las plataformas de escritorio. Microsoft también agregó soporte para PWA en Microsoft Edge y también los incluirá en Microsoft Store.

¿Qué opinas? ¿ Son las aplicaciones web progresivas el futuro? Házmelo saber directamente en @aksinghnet o escribe un comentario a través de la sección de comentarios a continuación para dejar tu respuesta.

Deja un comentario