Aplicaciones web progresivas de escritorio: un gran avance

Publicado: 2019-09-10

Tabla de contenido

Cuando se habla de aplicaciones web progresivas (PWA), las aplicaciones móviles son lo primero que viene a la mente, ya que siempre ha sido así.

 Lectura recomendada: ¿Qué es la aplicación web progresiva?

Sin embargo, a medida que cambia el tiempo, los principales navegadores, como Chrome, con sus iniciativas de PWA, ahora están entrando en el mercado de las computadoras de escritorio, expandiendo aún más el potencial aparentemente ilimitado de las PWA.

Desde Chrome 70 en adelante, los usuarios ahora pueden instalar aplicaciones web progresivas de escritorio en Windows y Linux. Una vez instaladas, se inician desde el menú Inicio y se ejecutan como todas las demás aplicaciones instaladas, sin barra de direcciones ni pestañas.

Ver esta publicación en Instagram

Al ser casi indistinguible de las aplicaciones nativas, Progressive Web App (PWA) es el futuro de la Web con sus funciones similares a las de una aplicación, una de las cuales es la capacidad de instalar (agregar PWA a la pantalla de inicio) que potencialmente puede revolucionar la experiencia web. ?Cree una PWA hoy con SimiCart. . . #pwa #simipwa #app #nativeapp #websitedesign #web #google #chromedevsummit #chromedevsummit2019

Una publicación compartida por SimiCart (@simicart.official) en

Y no se detiene en eso . La base de una Microsoft Store PWA híbrida se está estableciendo paso a paso: en Microsoft Store, las aplicaciones web progresivas ahora están a la par con las aplicaciones nativas de Windows, expandiendo así su alcance a toda la base instalada de Windows 10 de casi 700 millones. Usuarios mensuales activos.

Comprender las PWA de escritorio y por qué es tan importante

Con todas las ventajas de las aplicaciones web progresivas y más , la aplicación web progresiva de escritorio se está convirtiendo constantemente en la tendencia en el desarrollo de aplicaciones de escritorio.

 Lectura recomendada: 12 ejemplos de aplicaciones web progresivas para su inspiración

Para una breve comprensión de Desktop PWA, puede imaginar que Desktop PWA es como un documento en línea o un documento de Google que funciona utilizando los componentes web. Las aplicaciones de escritorio nativas, por otro lado, son como Microsoft Word : son buenas, tienen un poco de tamaño y están diseñadas para funcionar sin problemas. La razón por la cual Desktop PWA está de moda en este momento es porque Desktop PWA puede hacer prácticamente el trabajo de una aplicación de escritorio nativa con una experiencia mucho más atractiva y ocupa poco o ningún espacio en su disco duro.

En resumen, las PWA de escritorio son:

  • Rápido : PWA ofrece una experiencia agradable inmediata, receptiva y en general
  • Instalable : una PWA se puede instalar como cualquier otra aplicación nativa y mostrarse en su escritorio o pantalla de inicio en lugar de requerir un navegador. Las instalaciones de PWA son siempre instantáneas y de tamaño pequeño.
  • Interesante : PWA adopta la mejor guía para UX y UI de alta calidad y, al mismo tiempo, puede funcionar independientemente del estado de la red o la capacidad del dispositivo.

El ejemplo más destacado de Desktop PWA es Twitter Lite . A pesar de estar hecho con un enfoque en los usuarios móviles en mente, Twitter experimentó un crecimiento sobresaliente en sus interacciones con los usuarios de escritorio.

65% de aumento de páginas por sesión

75% de aumento en los Tweets enviados

20% de disminución en la tasa de rebote

El primer disparo que marcó la etapa inicial del movimiento PWA ciertamente fue disparado por Twitter. Le siguen marcas influyentes como Spotify y Pinterest con prisa y con una calidad de producto no menos excepcional también:

PWA de Spotify y Pinterest para escritorio

En caso de que te lo hayas perdido, aquí tenemos una revisión exhaustiva de Spotify PWA. Destacando sobre el resto, Spotify PWA viene con una renovación que cambió drásticamente la experiencia del usuario, haciéndola más personalizada y adaptable a las necesidades del usuario, como debería ser un reproductor de música.

Colores de fondo adaptables de Spotify PWA

Pinterest también experimentó varias mejoras positivas en las métricas comerciales centrales.

El tiempo dedicado aumentó un 40 % en comparación con la experiencia web móvil anterior, los ingresos publicitarios generados por los usuarios aumentaron un 44 % y las interacciones principales aumentaron un 60 % .

Su nueva experiencia web móvil es un paso adelante del monolito de un sitio web anterior.

No solo dividieron y eliminaron cientos de KB de su JavaScript, reduciendo el tamaño de su paquete principal de 650 KB a 150 KB, sino que también mejoraron las métricas clave de rendimiento. Primera pintura significativa se redujo de 4,2 s a 1,8 s y Time To Interactive se redujo de 23 s a 5,6 s.

Para los lectores que estén interesados ​​en un estudio de caso específico de Pinterest PWA, recomendamos encarecidamente este artículo: Un estudio de caso de rendimiento de aplicación web progresiva de Pinterest.

Estadísticas de Pinterest PWA
Fuente: PWAstats

Cómo instalar aplicaciones web progresivas en el escritorio

El proceso para instalar una aplicación web progresiva de escritorio es bastante sencillo y simplificado. Su paso más importante es solo encontrar la dirección PWA correcta de su aplicación.

En nuestro tutorial de hoy, usaremos Twitter como ejemplo de Desktop PWA:

Paso 1 : con Google Chrome versión 70 y superior, diríjase a https://mobile.twitter.com/home

Paso 2 : compruebe si hay un botón (+) en el extremo derecho de la barra de direcciones

Ventana emergente de la aplicación de instalación de PWA de Twitter

o si hay una opción " Instalar Twitter " en el menú desplegable

Opción de instalación de Twitter PWA

Paso 3 : Haga clic en Instalar y el proceso terminará instantáneamente.

Paso 4 : Inicie su PWA recién instalado desde su escritorio.

escritorio-twitter-icono
Icono de escritorio de Twitter

Cómo desinstalar aplicaciones web progresivas en el escritorio

Para los usuarios despreocupados, eliminar el ícono de Desktop PWA es una forma aceptable de desinstalar PWA. Sin embargo, para los usuarios que buscan una forma más segura de desinstalar las PWA, se recomiendan los siguientes pasos:

Paso 1 : Abra su PWA de escritorio (en este caso es Twitter )

Paso 2 : Seleccione " Desinstalar Twitter ..." en el menú desplegable

Opción de desinstalación de Twitter PWA

Paso 3 : marque o desmarque la opción sugerida y finalmente haga clic en " Eliminar "

Ventana emergente de desinstalación de Twitter PWA

¡Y eso es! Su Twitter PWA ahora se ha eliminado completamente de su computadora en solo unos pocos pasos simples.

Observaciones finales

Desktop PWA es, sin lugar a dudas, el siguiente paso revolucionario en la interacción y funcionalidad de la aplicación web. Para estar por delante de su competencia, las empresas deben adoptar el movimiento PWA ahora y mantenerse alerta de la tendencia cambiante en el desarrollo web/aplicaciones.

Para los comerciantes en línea que buscan una solución de aplicación web progresiva Magento perfecta y completa, aquí en SimiCart ofrecemos un paquete completo para usted y su tienda.

CONSTRUIR PWA CON SIMICART