Saltar al contenido principal
Ir al panel
¿No sabes por dónde empezar? Responde un breve cuestionario para obtener recomendaciones personalizadas.
Lección 3 de 5
Mantén el interés de los visitantes con las Métricas web esenciales
5 minutos para completar

Mantén el interés de los visitantes con las Métricas web esenciales

webdev

Crea una experiencia del usuario de calidad en tu sitio de noticias

webdev

¿Qué son las Métricas web esenciales?

GNI_Data_Presentation (1)

Las Métricas web son una iniciativa de Google para proporcionar una orientación unificada sobre qué es esencial para lograr una excelente experiencia del usuario en la Web.

Las Métricas web esenciales son tres métricas de Métricas web. Según investigaciones, cuando un sitio cumple con las Métricas web esenciales, existe un 24% menos de probabilidades de que las personas abandonen la página.

Las Métricas web esenciales se enfocan en lo siguiente:

  • Carga
  • Interactividad
  • Estabilidad visual
GNI_Data_Presentation (1)

Comienza a medir las Métricas web esenciales

GNI_Data_Analytics

La recopilación de datos es el primer paso para mejorar tus Métricas web esenciales.

  • PageSpeed Insights mide la experiencia del usuario de una página en dispositivos móviles y de escritorio, genera informes sobre ella y proporciona sugerencias sobre el modo en que puedes mejorar tus páginas.

  • Search Console mide el rendimiento de la página con respecto a las Métricas web esenciales y genera informes en función de cómo tu público usa el sitio.

  • La extensión de Chrome de Web Vitals mide el rendimiento de las Métricas web esenciales en tiempo real para cualquier página y genera informes sobre ellas. Esta es la mejor opción para los desarrolladores.

💡Práctica recomendada: Comparte sugerencias de cualquiera de esas herramientas con tu desarrollador.

GNI_Data_Analytics

Carga

GNI_Audience_engagement_Blank

Los tiempos de carga rápidos le aseguran al público que la página es útil.

  • El 50% de las personas abandona un sitio si tarda más de 3 segundos en cargarse.
  • El 47% espera que las páginas web se carguen en menos de 2 segundos.
  • El 52% dice que el tiempo de carga define su lealtad a una marca.

La carga se mide con la métrica de Largest Contentful Paint (LCP), que es cuánto tarda en aparecer la imagen o el bloque de texto más grandes.

Para alcanzar las Métricas web esenciales, el 75% de tus páginas debería cargarse en 2.5 segundos o menos.

💡Prácticas recomendadas

  • Habilita la carga diferida.
  • Usa videos en lugar de GIFs grandes.
  • Quita el código sin usar.
GNI_Audience_engagement_Blank

Interactividad

screenshot-2023-02-23-at-54241-pm

Mientras que la carga mide la rapidez en la que tu sitio muestra el contenido, la interactividad mide qué tan responsivo es tu sitio cuando el público intenta seleccionar un artículo o realizar otra acción.

La interactividad se mide con la métrica de Retraso de primera entrada (FID), que es cuánto tiempo pasa desde que alguien hace clic en un vínculo o botón hasta que el sitio empieza a procesar esa acción.

Para cumplir con las Métricas web esenciales, el 75% de tus páginas debería tardar 0.1 segundos o menos en empezar a procesar un clic.

💡Prácticas recomendadas

  • Habilita la carga diferida, que divide el código en tareas más pequeñas.
  • Carga el código que se necesita para la página primero.
  • Reduce el código que busca datos.
screenshot-2023-02-23-at-54241-pm

Estabilidad visual

blue-data-screen

¿Alguna vez empezaste a leer un artículo y, antes de terminar una oración, el texto se movió y perdiste dónde estabas?

La mayoría de las veces es solo molesto, pero eso puede causar daños.

La estabilidad visual se mide con el Cambio de diseño acumulado (CLS), que es el número más alto de cambios de contenido que ocurren a la vez.

Para cumplir con las Métricas web esenciales, el 75% de tus páginas debería tener un puntaje de 0.1 o inferior.

💡Prácticas recomendadas

  • Establece las relaciones de aspecto o dimensiones para imágenes y videos.
  • Elige el mejor tamaño de anuncio en función de anuncios anteriores.

No uses anuncios que se muestren en la parte superior de una página.

blue-data-screen
¿Cómo calificarías esta lección?
Tus comentarios nos ayudarán a mejorar continuamente nuestras lecciones.
RESPONDE ESTA PREGUNTA PARA COMPLETAR LA LECCIÓN.
¿En qué se enfocan las Métricas web esenciales?
Enviar
checklist (8)
Se completó el cuestionario
¡Felicitaciones! Ya terminaste Keep visitors engaged with Core Web Vitals
Revisa la lección y vuelve a intentarlo
Sí, lo estoy haciendo
Recomendaciones para ti
¿Salir y perder el progreso?
Si sales de esta página, perderás todo el progreso de la lección actual. ¿Confirmas que quieres continuar y perder el progreso?