Joan León PRO
⚡️ Web Performance Artisan at @perfreviews_ | @GoogleDevExpert in #WebTech | @cloudinary Ambassador
18-9 Feb 2026
Workshop
Web Performance Review & Optimization
Objetivos del Workshop
- Entender performance como KPI de negocio
- Saber medir correctamente
- Detectar cuellos de botella críticos
- Tener plan de acción priorizado
- Definir responsabilidades por rol
Performance como KPI de negocio
-
Impacto en conversión
-
Impacto en SEO
-
Impacto en UX
-
Impacto en retención
-
Impacto en costes infra
Performance como KPI de negocio
Performance
Product
Web
"Lo que no se mide, no se puede mejorar."
Peter Drucker
"Lo que no está definido, no se puede medir. Lo que no se mide, no se puede mejorar. Lo que no se mejora, siempre se degrada."
Lord Kelvin
Core Web Vitals
25%
Web Vital
Lab
Field
Loading
LCP
Largest Contentful Paint
25%
Web Vital
Visual Stability
CLS
Cumulative Layout Shift
Lab
Field
Visual Stability
CLS
Cumulative Layout Shift
Lab
Field
Web Vital
Interactivity
INP
Interaction to Next Paint
Lab
Field
Interactivity
INP
Interaction to Next Paint
Lab
Field
vs
Field
Lab
(Syntetic)
(RUM)
Real User Monitoring
Lab Monitoring utiliza herramientas de entorno controlado como Lighthouse para medir métricas de rendimiento web en condiciones constantes, lo que proporciona evaluaciones y puntos de referencia estandarizados libres de variables del mundo real.
Lab
Field
Field Data captura métricas de rendimiento reales a partir de las experiencias reales de los usuarios mediante herramientas como PageSpeed Insights, lo que revela el rendimiento de su sitio web en diversos dispositivos, redes y condiciones de usuario en entornos de producción.
Real User Monitoring (Field)
Synthetic Monitoring (Lab)
Condiciones reales de red y navegador
Imita las condiciones de la red y el navegador.
Requiere la instalación de JavaScript
No requiere instalación
Gran tamaño de la muestra (hasta el 100 %)
URL limitadas
Distribución geográfica
Ubicaciones de prueba limitadas
Mida solo su propio sitio web
Compare cualquier sitio web (también competencia)
Correlación con otras métricas (bounce rate)
Análisis detallado y elementos visuales
Monitorización continua
Pruebas programadas (omite errores ocasionales)
Diversidad real de dispositivos (OS, browsers,...)
Configuraciones limitadas del dispositivo
Captura los recorridos reales de los usuarios
Rutas de prueba predefinidas
Web Vital
Google Search Console
Google Search Console
Google Search Console
WEBSITES 8.36M
DATA 43.88 TB
Google Search Console
Google Search Console
Google Search Console
Google Search Console
Google Search Console
Google Search Console
CrUX Vis
Synthetic Monitoring (Lab)
Synthetic Monitoring (Lab) Tools
Real User Monitoring (Field) Tools
lighthouse https://web.dev --viewLighthouse CLI
&
Field
Lab
(Syntetic)
(RUM)
Real User Monitoring
Objetivo Principal
Impacto de la
Alta Performance
(Web Rápida)
Riesgo de la
Baja Performance
(Web Lenta)
Satisfacción del Usuario/a y Retención
Mejora del Engagement: La fluidez maximiza el uso de features clave. Aumenta la Retención de usuarios a largo plazo
Performance
Producto
Abandono de Producto: Los usuarios dejan de usar el producto si la navegación o las funciones son lentas. Dificulta la adopción de nuevas features
&
Objetivo Principal
Impacto de la
Alta Performance
(Web Rápida)
Riesgo de la
Baja Performance
(Web Lenta)
Adquisición y Rentabilidad (ROI)
Maximización del ROI: Mejora el Quality Score, reduce el CPC, y aumenta la Tasa de Conversión (mayor ROI en campañas de Performance)
Performance
Marketing
Desperdicio de Presupuesto: CPC más caro y un CPA insostenible. Se paga por tráfico que abandona antes de convertir (alto bounce rate)
&
Objetivo Principal
Impacto de la
Alta Performance
(Web Rápida)
Riesgo de la
Baja Performance
(Web Lenta)
Experiencia de Usuario y Usabilidad
Experiencia Impecable: Las animaciones son fluidas, las interacciones son instantáneas (INP bajo) y el contenido se carga sin saltos (CLS bajo), reflejando la visión del diseño
Performance
Diseño / UX
Frustración del Usuario: El diseño se ve comprometido; los elementos visuales cargan lento y los layouts se mueven, rompiendo la confianza y la usabilidad
&
Objetivo Principal
Impacto de la
Alta Performance
(Web Rápida)
Riesgo de la
Baja Performance
(Web Lenta)
Estabilidad, Escalabilidad y Mantenibilidad
Eficiencia de Costes: El código optimizado requiere menos recursos de servidor, reduciendo el gasto en infraestructura (hosting y cloud). Facilita la Escalabilidad
Performance
Ingeniería
Deuda Técnica y Crisis: Mayor riesgo de caídas en picos de tráfico. Aumenta el tiempo y el coste para desarrollar nuevas funcionalidades
&
Objetivo Principal
Impacto de la
Alta Performance
(Web Rápida)
Riesgo de la
Baja Performance
(Web Lenta)
Rentabilidad y Crecimiento Sostenible
Crecimiento Sostenible: Aumenta los ingresos gracias a una mayor Tasa de Conversión y reduce los costes operativos (infraestructura y campañas)
Performance
Negocio
Límite al Crecimiento: El alto CAC (Costo de Adquisición de Clientes) y los altos costes de infraestructura limitan la inversión en expansión y el crecimiento de los márgenes
&
Correlation charts:
Connect the dots between
site speed & business success
Product
Performance
Culture
Basetis Web Performance 2026
By Joan León
