Contenido
- Las 3 métricas que Google usa hoy
- Laboratorio vs campo: por qué Lighthouse miente
- LCP: 5 causas y sus fixes por plataforma
- INP: el nuevo terror (reemplazó a FID)
- CLS: los 4 antipatterns que rompen la página
- TTFB: la métrica silenciosa que arrastra todo
- Playbook de mejora en 4 semanas
- Caso: news site chileno de LCP 4,8s a 1,9s
- Preguntas frecuentes
Las 3 métricas que Google usa hoy
LCP — Largest Contentful Paint
Cuánto tarda en aparecer el elemento visual más grande arriba del fold. Umbral: <2,5s. Suele ser un hero image o un H1 con fuente web.
INP — Interaction to Next Paint
Peor latencia entre input del usuario (click, tap, teclado) y el siguiente pintado visual. Umbral: <200ms. Reemplazó FID en marzo 2024.
CLS — Cumulative Layout Shift
Cuánto se mueve visualmente el layout mientras carga. Umbral: <0,1. Causa: elementos sin dimensiones definidas.
La regla p75 que confunde a todo el mundo
Google evalúa el percentil 75 de tus usuarios reales. Es decir: 3 de cada 4 usuarios deben tener experiencia «Good». Si tu p50 (mediana) es excelente pero tu p75 es malo, sigues fallando. Los usuarios en el 25% peor son los que definen tu rating.
Laboratorio vs campo: por qué Lighthouse miente
Field data (CrUX + RUM)
- Usuarios reales, dispositivos reales, redes reales
- Distribución p75 realista
- Google decide ranking con esto
- Detecta problemas por sesión / templates
- Historial 28 días mínimo
Lab data (Lighthouse)
- Dispositivo simulado, red simulada
- Un solo throttle profile
- Google NO decide ranking con esto
- Da falsos positivos (100/100 en lab)
- Útil solo para debugging local
Semalt combina CrUX (dataset oficial de Google con usuarios de Chrome reales, agregado por origen) con RUM propio (vía el tag Semalt Analytics). El resultado es visión por URL específica — no solo por origen — algo que CrUX solo no puede darte.
LCP: 5 causas y sus fixes por plataforma
| Causa | Detección Semalt | Fix típico | Impacto |
|---|---|---|---|
| Hero image sin preload | Waterfall marca inicio tardío de fetch | <link rel="preload" as="image"> + fetchpriority="high" | -40 a -60% LCP |
| Web fonts bloqueantes | Text visible tras 1,5s+ | font-display:swap + preload de la fuente | -20 a -40% LCP |
| Hero image en formato pesado | Peso >300kb | WebP/AVIF con srcset responsive | -30 a -50% LCP |
| Servidor lento (TTFB alto) | TTFB p75 >800ms | Cache página + CDN | Depende |
| CSS render-blocking | CSS >80kb en <head> | Critical CSS inline + resto async | -15 a -30% LCP |
Fixes por plataforma
WordPress
Plugin oficial Semalt aplica preload, fetchpriority y srcset automáticamente. Compatible con Elementor, Divi, WPBakery, Gutenberg core.
Vtex / Shopify
Vía AutoSEO (Cloudflare Worker). Inyecta preload en <head> antes de servir la respuesta. Sin cambios en el theme.
Next.js / React SPA
Recomendación de Image component con priority prop. Semalt detecta y sugiere modificaciones específicas al componente.
Custom PHP
Snippet inyectado vía AutoSEO en Nginx module o vía plugin PHP para frameworks (Laravel, Symfony, Cake).
INP: el nuevo terror (reemplazó a FID)
INP mide el peor retardo entre input del usuario y siguiente pintado. Es más difícil de optimizar que FID porque considera todas las interacciones, no solo la primera. Un solo botón lento arruina todo el score.
Los 3 asesinos de INP más comunes en 2026
1. Scripts de tag manager pesados (Google Tag Manager con 40+ tags cargando al mismo tiempo). 2. Third-party widgets (chat, cookie banner, review widget) que bloquean el main thread. 3. React re-renders masivos por state mal manejado. Semalt identifica el script exacto responsable con stack trace.
Diagnostic con Semalt Performance Trace
El Performance Trace de Semalt corre en cada URL una sesión simulada de interacciones humanas (click, tap, scroll, form input) y captura el timing exacto de cada input. El reporte muestra:
- Peor interacción encontrada por template
- Stack trace del handler que causó el bloqueo
- Long tasks >50ms detectadas antes/durante/después del input
- Sugerencia de fix (yield al main thread, requestIdleCallback, debounce)
CLS: los 4 antipatterns que rompen la página
Chequeo rápido CLS (4 antipatterns)
- Imágenes sin atributos
widthyheight(o aspect-ratio CSS) - Fuentes web sin fallback local que causen FOIT/FOUT largo
- Ads o embeds insertados dinámicamente sin espacio reservado
- Cookie banner que empuja contenido hacia abajo al aparecer
Los 4 son fáciles de fijar técnicamente. El problema es que el equipo no sabe cuáles tiene. Semalt CWV los detecta automáticamente y reporta con screenshot del before/after.
TTFB: la métrica silenciosa que arrastra todo
TTFB (Time to First Byte) no es una Core Web Vital oficial pero si es alto, arrastra LCP y da la impresión de sitio lento incluso con todo perfecto en frontend. Objetivo: <200ms p75.
Playbook de mejora en 4 semanas
Baseline y priorización
Correr Semalt CWV sobre todos los templates. Identificar 2-4 templates con mayor tráfico y peor rating. Documentar baseline p75 de LCP, INP, CLS, TTFB.
Preload + WebP + width/height
Aplicar preload al hero image, servir imágenes en WebP/AVIF, definir width/height en cada image tag. Efecto en 7-14 días (CrUX se actualiza cada 28 días).
Fonts + critical CSS + INP
Fuentes con font-display:swap, critical CSS inline, refactor de handlers pesados detectados por Performance Trace.
CDN + cache + TTFB
Configurar Cloudflare o similar. Cache página para logged-out users. Verificar TTFB p75 <200ms.
Badge verde Search Console
Search Console tarda 28 días en actualizar. Semalt Analytics muestra la mejora en tiempo real desde día 3.
Caso: news site chileno de LCP 4,8s a 1,9s
Nuestro site news tenía más de 400 mil sesiones/mes pero LCP p75 móvil estaba en 4,8 segundos. Google Search Console marcaba 82% de URLs como «Poor». Perdíamos ranking cada mes en queries de tendencia. En 6 semanas con Semalt CWV bajamos a 1,9s y recuperamos la posición en 34 keywords head.
Head of Product, portal de noticias chileno (400k sesiones/mes)Los cambios específicos:
Más en esta serie: Análisis de competidores sin dejar rastro, Semalt Analytics: lo que GA4 te esconde, Auditoría técnica: los 400+ puntos clave.
Preguntas frecuentes
¿Google penaliza los sitios con Poor CWV?
Los usa como señal de ranking cuando dos páginas tienen contenido similar. No es filtro binario pero sí es tie-breaker constante. En sectores competitivos (news, e-commerce) la diferencia entre «Good» y «Poor» puede ser 3-5 posiciones consistentes.
¿Cuánto tarda Search Console en reflejar la mejora?
CrUX se actualiza cada 28 días. Search Console reporta con delay adicional de 1-2 semanas. Total: 4-6 semanas desde el fix. Semalt Analytics muestra la mejora en RUM propio desde el día 2-3.
¿Sirve para SPA (React, Vue, Angular)?
Sí. Semalt detecta SPA automáticamente y aplica seguimiento de route transitions (importante en SPA porque LCP se re-mide en cada navegación interna). Reporta LCP por route, no solo por origen.
¿Necesito hosting caro?
No siempre. Un hosting compartido con LiteSpeed cache + Cloudflare gratuito puede bajar TTFB de 800ms a 200ms. Solo cuando el sitio supera 200k sesiones/mes vale evaluar VPS o hosting managed.
¿Cómo mido el ROI del proyecto CWV?
Dos métricas: (1) sesiones orgánicas antes/después (Semalt Analytics), (2) tasa de conversión móvil antes/después (cada 100ms de LCP mejora conversión ~1% en e-commerce, dato Google/Cloudflare).
Core Web Vitals no es una nice-to-have — es señal de ranking. Semalt CWV te da diagnóstico preciso con field data y aplica los fixes vía AutoSEO. En 6-8 semanas ves badge verde y recuperas ranking perdido.
Auditar tus Core Web Vitals con Semalt hoy
Setup: 20 minutos. Primer reporte por template: 24 horas (necesita capturar sample RUM). Playbook completo con roadmap semanal incluido.
Ingresar a Semalt CWV →