Lighthouse y Core Web Vitals en Shopify: por qué los resultados pueden ser diferentes

Un reporte de Lighthouse puede salir bien mientras los clientes de una tienda siguen viendo contenido tardío o controles que responden lento. No necesariamente hay una contradicción: una prueba de…

La pregunta útil no es cuál herramienta tiene razón, sino qué experiencia mide cada una y cómo reproducir el problema antes de modificar el theme.

Distingue laboratorio de visitas reales

Lighthouse ejecuta una prueba bajo condiciones definidas y ayuda a investigar recursos, ejecución y renderizado. Los datos de campo disponibles mediante Chrome UX Report (CrUX) agregan experiencias elegibles de usuarios reales. PageSpeed Insights puede mostrar ambos.

El dato de una URL describe esa página cuando hay datos suficientes; el dato del origen agrupa visitas de un conjunto más amplio. Si una ficha de producto no tiene datos propios, el resultado del origen no demuestra que esa ficha en particular funcione bien. La ausencia de datos tampoco es una aprobación.

Los Core Web Vitals se evalúan usando el percentil 75. Según web.dev, los umbrales considerados buenos son LCP de hasta 2.5 segundos, INP de hasta 200 milisegundos y CLS de hasta 0.1, para al menos el 75 % de las experiencias medidas.

Qué revisar en una tienda Shopify

Métrica	Pregunta	Ejemplo de investigación
LCP	¿Cuándo aparece el contenido principal?	Identificar si la imagen principal se descubre tarde o espera por CSS.
INP	¿Qué tan rápido responde una interacción?	Perfilar el selector de variantes, el buscador o el carrito.
CLS	¿Se mueve el contenido de forma inesperada?	Revisar espacios reservados para reseñas y bloques de apps.

No asumas que la imagen es siempre el elemento LCP ni que una app es responsable sólo porque aparece en una auditoría. Comprueba el elemento y la secuencia de ejecución.

Reproduce la experiencia que importa

Una prueba limitada a la página de inicio puede pasar por alto una ficha con suscripciones, reseñas y recomendaciones, o una colección con filtros. Selecciona páginas representativas del tráfico y prueba móvil y escritorio por separado.

Para una tienda que recibe clientes en México, incluye dispositivos y condiciones de red comparables a las de sus compradores. Revisa también el estado de consentimiento y las apps que se inicializan después de cargar: una página que parece lista puede seguir ocupando el hilo principal cuando alguien intenta cambiar de variante.

Identifica la métrica y el grupo de páginas afectado en datos de campo.
Reproduce el recorrido en un theme de prueba y guarda una traza.
Aísla una dependencia a la vez y compara bajo condiciones similares.
Verifica que variantes, carrito, consentimiento y medición sigan funcionando.
Registra la fecha del cambio y observa el comportamiento de campo conforme se acumulan visitas.

No elimines una función de compra sólo para mejorar una calificación. Prioriza correcciones que reduzcan trabajo innecesario y preserven la experiencia comercial.

Para el marco general de optimización y sus métricas, consulta los recursos de Shugert. Usa Lighthouse para investigar y los datos de campo para comprobar si la experiencia de los usuarios mejora con el tiempo.