PWA: aplicaciones web progresivas para pymes

Las aplicaciones web progresivas llevan varios años en el radar de los equipos de desarrollo grandes, pero su adopción entre pymes ha sido mucho más lenta de lo que cabría esperar. No porque la tecnología sea complicada, sino porque el término suena a proyecto de ingeniería y muchos propietarios de negocios pequeños simplemente pasan página. Es un error que tiene un coste real: una PWA bien implementada puede mejorar la velocidad de carga, aumentar el tiempo de sesión y reducir el abandono en móvil sin necesidad de publicar nada en el App Store ni en Google Play.

Qué es exactamente una PWA

Una Progressive Web App es un sitio web que se comporta como una aplicación nativa en el dispositivo del usuario. Funciona desde el navegador, pero puede instalarse en la pantalla de inicio del móvil, recibir notificaciones push, trabajar sin conexión y cargar en décimas de segundo gracias al almacenamiento en caché inteligente. Google acuñó el término en 2015 y empresas como Pinterest, Starbucks o Trivago las adoptaron antes de que la mayoría supiera deletrear las siglas.

La diferencia con un sitio web convencional está en tres componentes técnicos que trabajan juntos: el service worker, el manifest.json y el protocolo HTTPS. Sin los tres, no hay PWA. Con ellos, el navegador puede tratar tu web casi como si fuera una app descargada.

El service worker

Es un script de JavaScript que se ejecuta en segundo plano, separado de la página principal. Su función principal es interceptar las peticiones de red y decidir si responde con datos del servidor o con una versión guardada en caché. Esto es lo que permite que la web siga funcionando aunque el usuario pierda cobertura. También gestiona las notificaciones push sin que la pestaña del navegador esté abierta.

Entender cómo el renderizado de JavaScript afecta a tu sitio es relevante aquí, porque el service worker depende de que el JS se procese correctamente tanto en el cliente como en los bots de búsqueda.

El manifest.json

Es un archivo de configuración en formato JSON que le dice al navegador cómo debe comportarse la app cuando se instala. Contiene el nombre de la aplicación, los iconos en distintos tamaños, el color de fondo de la pantalla de carga, la orientación preferida y la URL de inicio. Sin este archivo, el navegador no ofrece al usuario la opción de «añadir a la pantalla de inicio».

Por qué tiene sentido para una pyme

El argumento habitual contra las apps nativas en entornos pequeños es sencillo: desarrollar y mantener una app para iOS y otra para Android cuesta dinero, tiempo y requiere aprobación de las tiendas de aplicaciones. Una PWA elimina esas tres fricciones. Se desarrolla una sola vez, funciona en cualquier dispositivo con navegador moderno y se actualiza sin pasar por ningún proceso de revisión.

Los datos de rendimiento son los que realmente convencen. Cuando Alibaba lanzó su PWA, las conversiones desde móvil aumentaron un 76%. Pinterest redujo el tiempo de espera inicial en un 40% y vio crecer el tiempo de sesión en un 44%. Estas cifras corresponden a empresas grandes, pero el mecanismo subyacente es exactamente el mismo para un negocio local con tienda online o para una clínica que quiere que sus pacientes puedan consultar horarios sin conexión.

Para una pyme con presupuesto ajustado, el punto de partida más realista es convertir su web actual en una PWA, en lugar de construir algo desde cero. Si ya tienes un WordPress con WooCommerce, por ejemplo, hay plugins que añaden funcionalidad de service worker y manifiesto con configuración mínima. No es la solución más sofisticada, pero es funcional. Si el proyecto requiere algo más trabajado, conviene plantearlo desde el principio como parte del stack de desarrollo.

Criterios que Google usa para evaluar una PWA

Lighthouse, la herramienta de auditoría de Chrome, tiene una categoría específica para PWA. Comprueba que la web cargue en menos de 3 segundos con una conexión 3G lenta, que funcione sin JavaScript activo (al menos mostrando contenido), que redirija el tráfico HTTP a HTTPS, que el manifest esté correctamente configurado y que el service worker gestione la caché de forma eficaz. Cumplir estos requisitos no garantiza posiciones en Google, pero sí mejora métricas que sí influyen: velocidad, tiempo de sesión y tasa de rebote.

Si quieres saber en qué punto está tu web antes de empezar, hacer una auditoría de rendimiento completa te dará una línea base clara desde la que trabajar.

Funcionalidades que más aprovechan las pymes

Modo offline

Para un restaurante, una peluquería o cualquier negocio con una carta o catálogo de servicios, ofrecer esa información sin conexión elimina la fricción cuando el usuario tiene cobertura intermitente. El service worker almacena las páginas más visitadas y las sirve desde caché aunque no haya red.

Notificaciones push

Es la funcionalidad que más impacto tiene en retención. Puedes enviar al usuario un aviso de nueva oferta, recordatorio de cita o confirmación de pedido sin que tenga que abrir ninguna app. La tasa de apertura de las notificaciones push web ronda el 20%, muy por encima del email en muchos sectores. La condición es que el usuario haya dado permiso explícito, algo que conviene gestionar con un mensaje de solicitud bien diseñado y contextualizado, no con el pop-up genérico del navegador.

Instalación en pantalla de inicio

Cuando un usuario instala tu PWA, crea un icono en su móvil que abre la web en modo pantalla completa, sin barra de navegación del navegador. La experiencia visual es indistinguible de una app nativa. Y cada vez que abra ese icono, no pasará por Google: irá directamente a tu sitio. Eso tiene un valor de fidelización que no aparece en ningún informe de Analytics pero que se nota en el comportamiento de los usuarios recurrentes.

Limitaciones reales que conviene conocer

Safari ha sido históricamente el talón de Aquiles de las PWA. Apple tardó años en implementar soporte completo para service workers y todavía hay funcionalidades, como las notificaciones push en iOS, que llegaron en 2023 con iOS 16.4 y solo funcionan si el usuario ha instalado la PWA en su pantalla de inicio. No es un detalle menor si tu audiencia usa mayoritariamente iPhone.

Además, el acceso a hardware del dispositivo sigue siendo más limitado que en una app nativa. Cámara, GPS y Bluetooth tienen soporte aceptable, pero funcionalidades como el NFC o el acceso a sensores específicos aún no están disponibles de forma universal en todos los navegadores. Para la mayoría de pymes esto no es un problema, pero sí lo sería para quien necesite, por ejemplo, leer tarjetas de fidelización por NFC.

Otro aspecto a vigilar es la estrategia de caché. Un service worker mal configurado puede servir versiones antiguas de la web durante días sin que el usuario lo note. Definir bien cuándo y cómo se invalida la caché es parte del trabajo de implementación, no un detalle secundario.

Cómo afecta al SEO

Google puede rastrear e indexar PWA sin problemas siempre que el contenido no dependa exclusivamente de JavaScript para renderizarse. Si usas renderizado en el servidor o renderizado estático, no hay fricción. Si tu PWA carga todo el contenido vía JS en el cliente, el bot de búsqueda necesita ejecutar ese JavaScript, lo que añade latencia al proceso de indexación y puede afectar a la visibilidad.

La velocidad de carga, mejorada por el almacenamiento en caché del service worker, sí influye directamente en los Core Web Vitals. Un LCP (Largest Contentful Paint) por debajo de 2,5 segundos y un buen CLS (Cumulative Layout Shift) son métricas que Google usa como señal de calidad. En ese sentido, una PWA bien construida ayuda al posicionamiento de forma indirecta pero tangible. También conviene optimizar las imágenes correctamente, ya que son frecuentemente el recurso más pesado y el que más afecta al LCP.

Coste y plazos de desarrollo para una pyme

Transformar una web existente en una PWA básica (HTTPS, manifest y service worker con estrategia de caché simple) puede costar entre 500 y 1.500 euros con un desarrollador freelance competente, dependiendo de la complejidad del sitio. Una PWA con notificaciones push, modo offline avanzado y experiencia de instalación cuidada puede rondar los 3.000 a 6.000 euros.

Los plazos habituales van de dos semanas para una conversión básica a seis u ocho semanas para un proyecto construido desde cero con funcionalidades completas. En cualquier caso, antes de presupuestar, vale la pena revisar qué parte de la infraestructura ya tienes resuelta. Si tu web ya corre sobre HTTPS (y debería, porque sin ello no hay PWA posible), el hosting admite configuración de headers de caché y el stack tecnológico es moderno, el trabajo de implementación es considerablemente menor.

Si estás valorando qué tipo de hosting soporta mejor este tipo de proyectos, el artículo sobre cuándo vale la pena un hosting gestionado puede ayudarte a decidir si tu infraestructura actual es adecuada o si conviene cambiar antes de empezar.

PWA y tiendas online

El comercio electrónico es probablemente el caso de uso donde las aplicaciones web progresivas tienen más impacto inmediato para una pyme. La combinación de carga rápida, modo offline para el catálogo y notificaciones push para recuperación de carritos abandonados puede mover la aguja de conversión de forma visible. Si tu tienda funciona sobre WooCommerce, reducir los tiempos de carga es el primer paso antes de plantearte la capa PWA.

Para tiendas con alto volumen de tráfico en fechas concretas, la capacidad de servir contenido desde caché durante picos de demanda también reduce la carga sobre el servidor. No sustituye a una buena estrategia de infraestructura para eventos como el Black Friday, pero complementa bien otras medidas técnicas. Si tienes dudas sobre preparar tu web para picos de tráfico, ese es un buen punto de partida paralelo.

El primer paso concreto antes de implementar una PWA

Antes de hablar con ningún desarrollador ni instalar ningún plugin, abre Chrome DevTools en tu web, ve a la pestaña Lighthouse y ejecuta una auditoría completa. El informe te dará una puntuación en la categoría PWA y una lista de requisitos que ya cumples y los que no. Esa lista es la hoja de ruta inicial. Si la puntuación de rendimiento general está por debajo de 50, el trabajo previo de optimización básica (caché, imágenes, eliminación de recursos bloqueantes) probablemente generará más retorno que cualquier funcionalidad PWA avanzada. Construir sobre una base lenta es empezar con el pie equivocado, y ese diagnóstico inicial no cuesta nada.