Core Web Vitals: Diagnosticar LCP, INP y CLS

Core Web Vitals describe el rendimiento de carga, la capacidad de respuesta a la interacción y la estabilidad visual. Diagnostique la métrica que está fallando para los usuarios relevantes antes de cambiar recursos o buscar una puntuación más alta en Lighthouse.

Separar las mediciones de campo de una ejecución de laboratorio

Los datos de campo reflejan las visitas de usuarios reales durante un período de informes. Una prueba de laboratorio es una ejecución de diagnóstico controlada. El dispositivo, la red, el almacenamiento en caché y las interacciones pueden hacer que sus resultados difieran. Una página sin datos de campo tiene mediciones insuficientes; no ha aprobado ni reprobado automáticamente. El tiempo total de bloqueo es un diagnóstico de laboratorio y no debe volver a etiquetarse como INP.

Elija una reparación basada en la evidencia

Evite aplicar todas las recomendaciones a la vez. Un cambio de compresión de imagen no puede explicar un controlador de eventos lento, y una carga inicial rápida no puede garantizar interacciones de pago responsivas.

Ejemplo práctico: una imagen de producto llega tarde

Suponga que una página de producto tiene una imagen principal tardía mientras otros recursos terminan temprano. Confirme que la imagen es el elemento LCP. Verifique si se descubre solo después de que se ejecuta JavaScript o si tiene carga diferida incorrectamente. Cambie la detección o la prioridad de carga, conserve las dimensiones de imagen adecuadas y luego repita la misma configuración de laboratorio. Finalmente, observe la tendencia de campo relevante cuando se hayan acumulado suficientes visitas nuevas. Este es un ejemplo de diagnóstico, no un resultado medido de SearchBastion.

Registrar las condiciones de prueba

Guarde la URL, el perfil del dispositivo, la hora de prueba, el identificador de la versión y el cuello de botella observado. Ejecute pruebas comparables después del cambio y pruebe también la navegación, los menús y los controles de compra. El trabajo de rendimiento debe mejorar la experiencia que encuentran los usuarios; un aumento de puntuación por sí solo no establece un aumento en la clasificación.

Utiliza el Comprobador de Velocidad para una investigación inicial y consulta Web Vitals para obtener las definiciones de las métricas.