PWA: arquitectura offline-first con service workers
No es "una web que funciona offline". Es una arquitectura de caching con estrategias de invalidación, background sync, y gestión de ciclo de vida. TTI inferior a 3s en 3G, experiencia de app sin App Store.
Entregables del servicio
Lo que recibes. Sin ambigüedades.
Web Tradicional vs PWA Kiwop
El problema con las webs que conoces.
Web tradicional: cada request va a internet, sin conexión no hay nada, carga lenta en móvil, no instalable. PWA Kiwop: Service Worker como proxy inteligente, decides qué servir desde cache, qué ir a red, qué mostrar como fallback. El usuario ve UI en menos de 100ms incluso offline. La percepción: "esta app responde al instante".
Resumen ejecutivo
Para directivos que evalúan PWA vs nativo
Una PWA ofrece experiencia de app sin desarrollo nativo dual. Ahorro del 50-70% vs iOS + Android separados. Sin comisiones de App Store (30%), sin proceso de review, actualizaciones instantáneas.
URL compartible, indexable por Google, SEO mantenido. Conversión de web existente en semanas, no meses. El principal trade-off: limitaciones en iOS (storage reducido, algunas APIs no disponibles).
Para el CTO: Arquitectura técnica
Service Workers obligatorios (HTTPS requerido). Workbox 7.x para abstracción de caching strategies. App Shell pattern con streaming de contenido para TTI <3s.
IndexedDB para persistencia offline compleja. Background Sync para requests resilientes. Lighthouse CI en pipeline para mantener score 95+ automatizado.
¿Es para ti?
PWA funciona si tu audiencia no necesita App Store. Si el descubrimiento en stores es crítico, considera nativo.
Para quién
- Empresas que quieren experiencia de app sin desarrollo nativo dual.
- Negocios con usuarios móviles que no quieren descargar apps de stores.
- Proyectos donde offline o baja conectividad es relevante.
- Organizaciones con web existente que quieren mejorar experiencia móvil.
- Equipos con expertise web que quieren reutilizar conocimientos (React, Vue).
Para quién no
- Apps que requieren acceso profundo a hardware (Bluetooth LE, NFC, sensores).
- Proyectos donde presencia en App Store/Play Store es crítica para descubrimiento.
- Experiencias que necesitan rendimiento nativo intensivo (gaming, AR).
- Si tu público usa iOS y espera experiencia de app nativa completa.
- Webs simples que no se benefician de funcionalidades offline.
Estrategias de caching que implementamos
Workbox patterns para cada caso de uso.
Stale-While-Revalidate
Sirve desde cache inmediatamente, actualiza en background. Ideal para assets que cambian poco pero necesitan frescura eventual: blog posts, imágenes de producto.
Cache-First + Expiration
Cache con TTL definido. Para assets estáticos: fonts, iconos, JS/CSS versionado. Reduce requests, garantiza consistency con max-age.
Network-First + Fallback
Intenta red, cae a cache si offline. Para datos que deben ser frescos: precios, inventario. Fallback muestra datos stale pero funcionales.
Background Sync + Queue
Requests que fallan se encolan y reintentan con conexión. Para formularios, uploads, acciones críticas. Resiliencia real.
Proceso de trabajo
De web tradicional a offline-first.
Auditoría y Estrategia
Análisis de rutas críticas. ¿Qué debe funcionar offline? ¿Qué datos necesitan sync? Diseño de caching strategy por tipo de recurso.
Service Worker Architecture
Workbox configuration. Precaching de app shell. Runtime caching strategies. Lifecycle handling para updates.
Offline UI/UX
Estados de conexión visibles. Fallback pages. Queue indicators para pending actions. Pruebas de edge cases.
Push e Instalación
Push notification setup (si aplica). Install prompt strategy. Web App Manifest optimizado. Lighthouse CI en pipeline.
Gestión de riesgos
Transparencia sobre limitaciones y cómo las gestionamos
Limitaciones en iOS
iOS tiene storage limits más bajos y algunas APIs no disponibles. Diseñamos con limitaciones de iOS como baseline, feature detection para capacidades extra en Android.
Cache stale (datos obsoletos)
Caching agresivo puede mostrar datos viejos. Estrategias específicas por recurso, versioning de cache, UI que indica última actualización.
Service Worker updates
Usuarios pueden quedarse con versión vieja. skipWaiting para updates críticos, prompt no intrusivo para updates menores.
Complejidad de debugging
Service Workers añaden capa de complejidad. Logging estructurado, DevTools workflow documentado, tests de caching en CI.
15 años construyendo experiencias web, ahora offline-first
Desde 2009 desarrollamos aplicaciones web que cargan rápido y funcionan bien. Las PWAs son la evolución natural: la misma web, pero con superpoderes. Instalable, offline, notificaciones. Sin App Store, sin comisiones, sin reviews.
Preguntas técnicas
Lo que CTOs y Product Managers preguntan.
¿PWA funciona igual en iOS que en Android?
No igual, pero suficientemente bien para la mayoría de casos. iOS soporta Service Workers, offline e instalación desde iOS 11.3. Push notifications desde iOS 16.4. Limitaciones: storage limits más bajos, no hay badging API. Para el 90% de apps de negocio, PWA en iOS es viable.
¿Cómo manejáis updates del Service Worker?
SkipWaiting para updates críticos, prompt para updates no-críticos. Versionamos assets con hashes. CacheStorage cleanup de versiones viejas. El usuario siempre tiene la última versión tras máximo 2 reloads.
¿PWA o app nativa para mi caso?
PWA si: content-heavy, e-commerce, utilities, quieres evitar app stores, tu audiencia no instala apps. App nativa si: necesitas Bluetooth LE, AR intensivo, background processing complejo, tu audiencia espera app en store.
¿Puedo convertir mi SPA existente en PWA?
Sí. Si ya es HTTPS y responsive, añadir capacidades PWA es sencillo. El trabajo real es diseñar qué cachear, cómo manejar offline, y qué background sync necesitas. Típicamente 2-4 semanas de desarrollo.
¿Cuál es la inversión típica para una PWA?
Conversión de web existente: 8.000-15.000 EUR. PWA nueva con offline complejo: 20.000-35.000 EUR. PWA enterprise con push, sync, y multi-tenant: 35.000+ EUR. Significativamente menor que desarrollo nativo dual (iOS + Android).
¿Las PWAs se indexan en Google igual que webs normales?
Sí, las PWAs son webs con superpoderes. Google las indexa exactamente igual. De hecho, Google premia las PWAs con mejores Core Web Vitals (LCP, CLS) porque cargan más rápido gracias al caching.
¿Qué pasa con usuarios que no instalan la PWA?
Funciona perfectamente como web normal. La instalación es opcional y mejora la experiencia (pantalla completa, icono en home), pero todos los beneficios de caching y offline funcionan sin instalar.
¿Trabajáis con empresas internacionales?
Sí, somos una agencia de desarrollo PWA con 15+ años de experiencia. Trabajamos con clientes de toda Europa y América. Reuniones por videoconferencia disponibles.
¿Tu web tarda más de 5s en cargar en 3G?
Auditoría de offline-readiness. Analizamos oportunidades de caching, medimos TTI, y diseñamos estrategia PWA. Informe en 48h.
Solicitar auditoría Auditoría
técnica inicial.
IA, seguridad y rendimiento. Diagnóstico y propuesta cerrada por fases.
Tu primera reunión es con un Arquitecto de Soluciones, no con un comercial.
Solicitar diagnóstico