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 sorprendente facilidad de uso y su experiencia de usuario única. Con las características combinadas de los sitios web y las aplicaciones nativas, los PWA se están convirtiendo en una norma para las aplicaciones web de dispositivos múltiples. permitiendo a los desarrolladores crear aplicaciones dinámicas de carga rápida sin utilizar marcos híbridos.

Creo que las aplicaciones web progresivas son las futuro de los sitios web - y en el siguiente apunte, estaré discutiendo sus beneficios y casos de uso para darle una imagen completa. Vamos a ello.

¿Qué son las aplicaciones web progresivas??

El termino “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 que “Estas aplicaciones no están empaquetadas y desplegadas a través de tiendas, son solo sitios web que tomaron todas las vitaminas adecuadas“.

“Los sitios que desean enviarle notificaciones o estar en su pantalla de inicio tienen que ganarse ese derecho con el tiempo a medida que los usa más y más. Se convierten progresivamente “aplicaciones”“, le escribí a Alex sobre la apariencia de PWA. Finalmente, concluyó., “estas aplicaciones pueden entregar un par Mejor experiencia de usuario que las aplicaciones web tradicionales.“.

Aplicaciones Web vs. Aplicaciones Web Progresivas

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

Dicho esto, las aplicaciones web progresivas son las próxima generación de aplicaciones web que funcionan más como aplicaciones nativas haciendo uso de las mejoras nativas del dispositivo. Por ejemplo, Progressive Web Apps puede hacer uso de las características nativas como cámara, balizas, etc. junto con características como caché sin conexión, 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 la conectividad lenta o nula. Pero, por otro lado, tenemos sitios web y aplicaciones web, que son lentos y no funcionan bien en ninguna condición de red. Es por eso que la mayoría de la gente prefiere aplicaciones nativas.

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

Es por eso que necesitamos aplicaciones web progresivas. Los PWA proporcionan el La mejor experiencia de usuario posible en red lenta o sin red. condiciones 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??

Según lo especificado por el informe de la aplicación móvil de comScore para los EE. UU. 2017, los usuarios de la aplicación gastan casi 77 por ciento de su tiempo en sus tres aplicaciones principales, Mientras que el resto de las aplicaciones permanecen inactivas, siguen bloqueando los recursos del sistema, incluida la memoria. Por otra parte, también comparte que 50 por ciento de los usuarios descargan cero aplicaciones al mes. Este hecho sugiere que los usuarios dudan en instalar nuevas aplicaciones, y por lo tanto PWA tiene una ventaja.

Encuentro que la mayoría de las personas van a sitios web en computadoras de escritorio, pero Prefiero 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 sus sitios web homólogos. Además, son rápidos y fiables..

Además, las aplicaciones nativas cuestan mucho más que los sitios web, tanto como de cinco a 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 minimizar tales altos costos de desarrollo, Gracias a su soporte para diversas plataformas..

Características de las aplicaciones web progresivas

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

Sensible. Trabaja en todos los dispositivos de cualquier tamaño de pantalla.
Desconectado-primero. Carga en red lenta o sin red también.
Sensación de aplicación. Mira e interactúa como una aplicación nativa.
A hoy. Actualización por su cuenta, casi de forma transparente..
Seguro seguro. Utilice HTTPS para cargar recursos de la página.
Visible. Aprovechar el contenido de los buscadores..
Reajustable. Volver a participar, digamos usando notificaciones.
Instalable. Se puede colocar en la pantalla de inicio..
Enlazable. Carga páginas parecidas a aplicaciones, pero con URL.

Lo que me parece 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 características nativas del dispositivo.. Eso significa que una PWA puede tomarte una foto con la cámara de tu dispositivo. Sin embargo, debo compartir que no tiene acceso a funciones limitadas como ubicación, teléfono o SMS.

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

Creación de aplicaciones web progresivas?

Google proporciona una “Lista de verificación de la aplicación web progresiva” - 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 PWAs. - una “PWA basal” y un “PWA ejemplar”; el primero enumera las cosas cruciales para una aplicación básica y el segundo para una aplicación avanzada.

Además, hay varias herramientas para ayudarle a construir un PWA. Por ejemplo, Lighthouse es un código libre, de código abierto. Herramienta para mejorar una página web. Incluyendo controles de calidad para accesibilidad, rendimiento y características de PWA. Otra herramienta característica es Workbox, que ayuda a crear aplicaciones con la primera experiencia fuera de línea.

¿Son las aplicaciones web progresivas el futuro??

Aunque es posible que Progressive Web Apps no resuelva todos nuestros problemas de aplicaciones o reemplace las aplicaciones nativas en un futuro cercano, creo que jugará un papel importante, gracias a Sus beneficios que son mucho más que sus limitaciones.. Y con casi todas las plataformas grandes que comienzan a ser compatibles con PWA, no estamos muy lejos de verlas en todas partes..

Apple introdujo las características de PWA (API web) en Safari 11.1, incluida la API de Beacon, los trabajadores de servicio, el manifiesto de la aplicación web, etc .; por lo tanto, traerá PWA a iOS pronto si no lo está 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é piensas - Son las aplicaciones web progresivas el futuro? Déjeme saber directamente en @aksinghnet o escriba un comentario a través de la sección de comentarios a continuación para dejar su respuesta.