hand Inicio

SERVICIOS

Salir

nochedía

DESARROLLO WEB con
GATSBY y WORDPRESS

emoji Cursos [24]
emoji Themes Gatsby [5]
emoji Themes WordPress [2]
emoji Blog [83]
emoji Herramientas [11]

Por qué las webs progresivas dominarán el mundo

600 palabras
2 minutos
December 19, 2019
blogjavascript

Tu web progresiva, PWA, sustituye la versión para móvil de tu website, y las ventajas con infinitas

  1. PWA?
  2. Cuando cuesta?
  3. Cómo funciona
  4. El futuro
  5. Meh

PWA?

Las Progressive Web Apps, PWA, son simplemente versiones de la página web para móviles empaquetadas de tal forma que permiten que las ejecutes como si fueran una aplicación nativa

Es tan sencillo como esto, es una manera de instalar la versión móvil de tu web en tu móvil y a partir de entonces cada vez que la ejecutes la velocidad se dispara

Pero además tenemos todos los perks habituales de las aplicaciones nativas, esto es

  1. Instalables con su icono en el escritorio
  2. Desligadas del navegador
  3. Tienes acceso offline (al menos parcialmente)
  4. Tienes incluso notificaciones de tipo Push

Lo que no tienen: presencia en la tienda de aplicaciones

Otras cosas que no tienen, acceso a funciones del teléfono que no estén disponibles desde el navegador, y es que las PWA siguen siendo websites en un navegador

En definitiva, te permiten una experiencia de uso mucho más cercana a una aplicación nativa, y sólo por eso ya vale la presencia

Cuando cuesta?

Esta es la pregunta, las PWA son muy majas e interesantes pero y su coste? Cuánto cuesta desarrollar una PWA de tu website? Más que una aplicación nativa? Menos pero sigue siendo mucho comparado con una simple web responsive?

La respuesta, como es típico, es un depende

Pero en este caso es un depende muy bonito

Por qué?

Porque si desarrollas tu web con Gatsby, las PWA vienen de serie

Lo repito, de serie

No haces nada (casi nada) y ya tienes la PWA preparada en tu página web

No se si ha quedado claro, lo repito

Con GatsbyJS las PWA te vienen casi de serie, no tienes que hacer (casi) nada

Cómo funciona

Pues como es habitual, funciona con JavaScript, y es que las PWA son simplemente una manera de utilizar de manera eficiente lo siguiente

  • ServiceWorker
  • Cache

Desde luego que programar esto no tiene un coste cero, pero aprovecharte de librerías como Gatsby que te lo dan de serie es fabuloso | extraordinario | estoy a punto de llorar

El futuro

Bueno, las PWA no están integradas en la tienda de aplicaciones, pueden estar poco integradas en el mismo sistema operativo del móvil, están limitadas (también dependiendo del SO) en cuanto a almacenamiento, si no se utilizan se puede borrar su caché sin preguntar (algo que con las aplicaciones nativas no pasará nunca), y para instalarlas el proceso no es fabuloso (puede resultar confuso)

Ese nivel de sumisión al SO de las PWA es algo que tarde o temprano terminará, con lo que las PWA terminarán siendo first-class-citizens

Pero, de cualquier manera, si con Gatsby nos viene de serie, qué razón puede haber para no utilizarlas??

Meh

Pues respondiendo a la pregunta anterior, bueno, sí hay razones para no utilizarlas

Su uso puede ser frustrante cuando uno espera tener el look and feel de un navegador

Porque a veces, no lo tiene

Por ejemplo, si esperas poder abrir pestañas en el móvil, con la PWA no podrás, en Android al menos te permite abrirlo en Chrome pero ... ya es algo de fricción que en la página estándar no tienes

Tampoco puedes navegar a otras páginas directamente tecleando la dirección como si estuvieras en el navegador, porque no lo estás

Y en realidad ese es el problema, que las PWA son como jaulas doradas donde estás atrapado en la aplicación

Que esto no es ningún problema en sí mismo, todas las aplicaciones funcionan así, pero si vas con el chip de esto es una página web el resultado final puede ser frustrante

Esto, IMO, desaparecerá en cuanto haya mayor integración de las PWA como aplicaciones de pleno derecho, porque ya no las verás como páginas web sino como aplicaciones nativas, ya no les pedirás que se comporten como un navegador

Pero de momento, es lo que hay 🙃

Qué tal la entrada?
👌 Bien 🙌🙌
👍 Bien, pero algunas cosas podrían explicarse mejor 😬
🤷‍♂️ Da por sentadas demasiadas cosas 😒
🤷‍♂️ A ver, hay poca chicha 😬
🤷‍♂️ Los ejemplos no son muy claros 🙇‍♂️
🤷‍♂️ No se entiende, está mal escrito 👎
✍️ Hay errores, revísalo en cuanto puedas 🙏

Quizá te interese

Privacidad
by kuworking.com
[ 2020 >> kuworking ]