Aplicaciones web progresivas: ¿cómo cambiará su negocio su negocio de WordPress?

Sin duda has oído hablar de la futura ola de la web móvil. Lo más común que probablemente haya escuchado es que el acceso web móvil crece rápidamente y que aproximadamente la mitad de todo el tráfico web ahora está por teléfono o tableta. Un informe de febrero de 2018 del Centro de Investigación Pew señala que el 95% de todos los estadounidenses tienen un teléfono móvil, mientras que la proporción de estadounidenses con teléfonos inteligentes es del 77%. No tiene que mirar hacia otro lado para ver el impacto de los dispositivos móviles. Mire su propio comportamiento y el de su familia. En diciembre de 2016, Comscore informó que los estadounidenses mayores de 17 años pasaban dos horas y 51 minutos al día en el teléfono.
Statcounter.com observa que el tráfico web global proviene de dispositivos móviles durante al menos un año (51.95% en febrero de 2018). Aunque puede pensar que no puede permitirse desarrollar una aplicación nativa que sus usuarios móviles almacenen en sus teléfonos, existe una gran alternativa al alcance de cada negocio: aplicaciones web progresivas. Tal vez haya oído hablar de las aplicaciones web progresivas (PWA) y cómo las personas las usan para construir sus negocios. En esta publicación, descubrirá un poco sobre PWA y por qué debería pensar más sobre su uso en 2018.
Algunas definiciones de las aplicaciones web progresivas (PWA) son una colección de estándares web desarrollados inicialmente por Google para mejorar el rendimiento del sitio web en dispositivos móviles. Como resultado, los sitios web funcionan más que las aplicaciones móviles dedicadas que encontraría en Apple App Store o Google Play. Otra definición de los desarrolladores de la cadena del hotel de Treebo Indian (más sobre ellos más tarde): “Los PWA son aplicaciones de una sola página que mejoran progresivamente con funciones que aportan una experiencia nativa más cautivadora, como la aplicación”. Al romper esto un poco, PWAS en dispositivos móviles permite a sus lectores y clientes cargar rápidamente la página de inicio de su sitio y usar muchas de las mismas características en el dispositivo móvil que usaría una aplicación nativa. Su sitio puede existir fuera del navegador, incluso cuando el dispositivo no está conectado a Internet. Más sobre esto más adelante. Otras definiciones Algunos de los elementos técnicos clave de un PWA incluyen: los trabajadores de servicios son la tecnología clave asociada con PWA. Estos permiten que los PWA funcionen fuera de la red. Los archivos de manifiesto contienen el icono y el nombre que conecta la aplicación desde el dispositivo al sitio web. El desarrollador también puede agregar elementos de diseño aquí para mejorar la experiencia de su cliente. Las notificaciones presionadas se comunican con sus usuarios (con su permiso) para que continúen regresando. Algunas razones, entonces, ¿por qué su sitio debe incluir un PWA? Es bastante simple.
Mejor rendimiento, ¡incluso en el escritorio! Sabe que tiene un tiempo limitado para ganar un visitante por primera vez: seis segundos de carga antes de un cliente potencial para desviarse y visitar el próximo sitio de resultados de búsqueda. Los usuarios móviles son aún más impacientes: la mitad de sus usuarios potenciales se van si un sitio tarda más de 3 segundos en cargarse. Buenas noticias: ¡los cambios que realiza para crear una aplicación web progresiva hará que su sitio se ejecute más rápido! Un ejemplo: la compañía hotelera india TreeBo ha reducido su tiempo de carga de dispositivos móviles de seis segundos a 1.5 segundos creando PWA. ¡El sitio ahora se está cargando en el escritorio en un segundo! Su equipo de tecnología informó que la clasificación de búsqueda del sitio ha mejorado, ¡y la tasa de conversión mensual se ha duplicado! La capacidad de PWA fuera de línea no debería estar en Internet para funcionar. Sus usuarios pueden acceder a todo el contenido de la aplicación en su dispositivo o escritorio. De hecho, una de las cosas más hermosas de un PWA es que su cliente puede guardar el sitio en la página inicial de su dispositivo y puede usarlo más tarde para comprar su producto o obtener más información. Por ejemplo, la tecnología hoy de CNET ofrece un resumen diario de las noticias de tecnología, que son el pan y la mantequilla del sitio. Si abre el sitio con Google Chrome en un dispositivo Android y se desplaza hacia abajo hasta la parte inferior de la pantalla, verá eso:
Agregue un PWA a una pantalla de inicio móvil. ¡La App Store no es necesaria!
Toque Agregar al arranque para descargar la aplicación web Progressive Tech Today en su dispositivo. Toque el icono para cargar las 10 historias actuales principales. Deslice hacia la izquierda para leer cada historia. Toque el logotipo de CNET para abrir la página de inicio de CNET en el navegador. Nota: En Firefox, los sitios PWA tienen un icono “Agregar en la página inicial” (un signo más en una casa pequeña) directamente en la barra de direcciones. Si el PWA ya está instalado, el logotipo de Android en la barra de direcciones lo lleva a la PWA. Algo que su sitio no necesita: widget “Descargue nuestra aplicación” que ocupa espacio en su página (DE Normalmente, con itunes y logotipos de Android que distraigan a los usuarios). Si Chrome se da cuenta de que un usuario ha abierto su sitio compatible con PWA varias veces a la semana, les pedirá que agregue PWA. Las actualizaciones también son automáticas. No hay necesidad de lenguajes de programación complejos que haya pensado en crear una aplicación móvil nativa para su negocio, pero ha descubierto que crear una aplicación móvil es un animal diferente para crear un sitio web. Si trabaja con una agencia de diseño/desarrollo web para mantener su sitio, no necesariamente tendrá las habilidades adecuadas para crear una aplicación para proveedores de teléfonos móviles dominantes.

Para que su nativo aparezca en Apple App Store, sus desarrolladores deben registrarse en Apple Developer Network, usar la herramienta de desarrollo de Apple (que se ejecuta solo en Mac) y necesita conocer el lenguaje de programación aprobado por Apple: Swift o Objetivo C. Programación de Android es un poco más fácil (no se requiere la aprobación del desarrollador), pero la gran mayoría de las aplicaciones de Android están escritas en Java, que puede ser un lenguaje difícil de aprender. Para que cualquiera de las aplicaciones aparezca en las tiendas web Apple o Android, la aplicación completa debe obtener la aprobación del Gatekeeper de la tienda. En cambio, las aplicaciones web progresivas se realizan con los lenguajes comunes de la web: HTML, en cascada Hojas de estilo (CSS) y JavaScript. En resumen, incluso los desarrolladores web para principiantes pueden crear PWA de alta calidad. Específicamente, no necesita mucha educación en informática para crear un PWA para su sitio de WordPress. Si alguna vez ha cambiado el formato de su sitio a través de un tema infantil, probablemente pueda hacer un PWA. Abordaremos los problemas de codificación en otra publicación. El mayor apoyo de los estándares de los gigantes tecnológicos tarda mucho en convertirse en estándares. Google promocionó PWAS por primera vez en 2015.
Durante mucho tiempo, Chrome fue el único navegador en aceptar PWA, pero esto está cambiando ahora. En los últimos meses:

Mozilla agregó soporte PWA en Firefox 58
Apple anunció recientemente soporte para aplicaciones web en iOS
Microsoft admitirá PWAS en la próxima versión de Windows 10, que tendrá lugar a fines de este año (2018).
Yendo más allá de otros proveedores de sistemas operativos, Microsoft dijo que los PWA de “alta calidad” se integrarán pronto en la tienda de aplicaciones de Windows 10 en dispositivos móviles y de escritorio. WordPress y PWA WordPress aún no aceptan completamente la creación de aplicaciones web progresivas en la aplicación básica. El equipo de JetPack se compromete a agregar la funcionalidad PWA el próximo año. Esto es ayudado por JavaScript-iChisificación de WordPress. Jetpack “Presenta gradualmente las funciones de PWA como están listas”, según el desarrollador Dan Walmsley en una publicación en el blog VIP de WordPress. Los desarrolladores pueden agregar archivos de manifiesto utilizando el módulo de manifiesto Jetpack que comienza v5.6.0 y han introducido imágenes de carga perezosa, que aceleran la carga del sitio incluso cuando hay muchas imágenes en la página. Más funciones vendrán este año. Algunos complementos buscan agregar la funcionalidad PWA, pero no se han adoptado fuertemente. El instrumento de optimización de WordPress ofrece un trabajador de servicios y una herramienta manifiesta.
Las aplicaciones web súper progresivas generan un manifiesto y un botón adicional a la pantalla de inicio, entre otras características.
El paquete móvil de WordPress también agrega funciones PWA
¿Cómo usarás PWAS? En esta publicación, ha aprendido un poco sobre las aplicaciones web progresivas y por qué debería pensar en agregar uno al sitio web de su empresa:
El tráfico en constante aumento de los dispositivos móviles
Mejor rendimiento para su sitio: móvil y escritorio
Disponibilidad incluso cuando el dispositivo está fuera de línea
Use funciones web estándar: HTML, CSS y JavaScript. Más barato de construir
¿Aumento del soporte de los navegadores y sistemas operativos que ahora desea saber cómo hacer un PWA en WordPress?¿O muestras a tus desarrolladores cómo hacer esto?Veremos esto en una publicación futura.
¿Es reacio a pasar a una estrategia para recibir en dispositivos móviles?¿Qué te sostiene?¿Has intentado crear una aplicación móvil nativa?Oh pwa?¿Sus usuarios coinciden con su perfil de acceso móvil?Dinos qué piensas.
Etiquetas:
Jetpack
móvil
Aplicaciones web progresivas
PWA
receptivo