Rendimiento del sitio: acerca de Core Web Vitals
9 min de lectura
Las métricas web principales son un conjunto de tres métricas que evalúan la experiencia que tienen los visitantes al navegar por tu sitio. Estas métricas miden el tiempo de carga, la interactividad y la estabilidad visual de tu sitio.
Los motores de búsqueda como Google consideran las métricas web principales al determinar el posicionamiento de tu sitio. Potenciar estas métricas aumenta la visibilidad de tu sitio en los resultados de búsqueda y también mejora la experiencia de navegación de los visitantes.
En este artículo, obtén más información sobre lo siguiente:
- Comprender las métricas web principales
- Mejorar la métrica de renderizado del mayor elemento con contenido (LCP)
- Mejorar la métrica Interaction to Next Paint (INP)
- Mejorar la métrica de cambios de diseño acumulados (CLS)
- Herramientas de medición del rendimiento
- Diferencia entre las puntuaciones para versión móvil y de escritorio
- Métricas web principales
- Preguntas frecuentes
¿Qué son las métricas web principales?
Las Métricas web principales son importantes ya que miden el rendimiento de tu sitio con datos de uso reales y la experiencia de los visitantes, al igual que datos de laboratorio de sesiones simuladas. Las métricas muestran el rendimiento actual de tu sitio web, y pueden proporcionar información sobre las áreas que pueden necesitar mejoras.
Las tres Métricas web principales actualmente en uso por Google son las siguientes:
- Renderizado del mayor elemento con contenido (LCP): es un indicador del tiempo de carga de un sitio; más específicamente, cuánto tiempo tarda en cargarse el elemento de contenido más grande en la ventana gráfica del sitio.
- Interaction to Next Paint (INP): una evaluación de la capacidad de respuesta de tu sitio a todas las interacciones de clic, de pulsar y de teclado que se producen durante cada visita a cada página. El valor final de INP es la interacción observada de mayor duración.
- Cambios de diseño acumulados (CLS): es una métrica de movimientos inesperados de elementos que cambian el estilo de la página.
Estos datos vitales, junto con otras métricas, se acumulan para proporcionar una puntuación general para las páginas de tu sitio web.
Mejorar la métrica del renderizado del mayor elemento con contenido (LCP)
El renderizado del mayor elemento con contenido (LCP) mide el tiempo que tarda el navegador en cargar y mostrar el elemento más grande, excluidas las imágenes de fondo.
Ten en cuenta la siguiente información cuando trabajes para mejorar tu métrica de LCP:
- Elementos LCP basados en texto: para los elementos LCP basados en texto, es fundamental priorizar la carga rápida. Optar por fuentes del sistema permite mejorar significativamente el rendimiento. Sin embargo, si necesitas una fuente personalizada, te recomendamos utilizar el formato WOFF2 para obtener resultados óptimos.
Consejo: En el Editor de Wix Studio, habilita las fuentes predeterminadas si tu LCP se basa en texto e incluye una fuente personalizada. - Elementos LCP basados en imágenes: para los elementos LCP basados en imágenes, es mejor subir imágenes en formato JPG o WebP. Los archivos JPG, en particular, pueden ofrecer reducciones sustanciales en el tamaño de los archivos, hasta 10 veces más ligeros que los archivos PNG.
- Otros consejos: Para agilizar el proceso de carga y mejorar la experiencia de los visitantes, mantén el diseño de tu página web simple y minimiza el contenido innecesario. Considera colocar elementos pesados, como galerías, videos y widgets de la tienda, en la mitad inferior de la página con el fin de priorizar una carga más rápida para el contenido crítico. Evita animar los elementos LCP, ya que las animaciones, como los efectos de aparición gradual, solo se inician una vez que tu sitio se ha cargado por completo.
Mejorar la métrica Interaction to Next Paint (INP)
Mejorar la métrica Interaction to Next Paint (INP) conlleva pasos simples para optimizar el rendimiento de tu sitio.
Para mejorar la métrica INP de tu sitio:
- Revisa los fragmentos de código externos agregados a tu sitio. Puedes revisar y administrar fácilmente estos fragmentos dentro de los ajustes de código personalizado, Integraciones de marketing y la escritura asociada con apps externas. Considera eliminar cualquier código que no proporcione un valor claro a la funcionalidad de tu sitio.
- Limita el número de apps y widgets en cada página. Las páginas sobrecargadas de apps y widgets tienden a ser más complejas y propensas a tener problemas. Simplifica las páginas siempre que sea posible y evita el uso excesivo de apps y widgets que no son esenciales para el propósito de tu sitio.
Mejorar la métrica de cambios de diseño acumulados (CLS)
Mejorar la métrica de cambios de diseño acumulados (CLS) implica realizar cambios simples para mantener estable el estilo de tu sitio.
Para mejorar la métrica CLS de tu sitio:
- Considera reorganizar el orden DOM:
- Editor de Wix: el orden DOM se estructura automáticamente para la escritura de izquierda a derecha. Sin embargo, si la escritura de tu sitio es de derecha a izquierda, como en el caso del idioma árabe o del hebreo, deberás ajustar manualmente el orden DOM en el panel Capas.
- Editor X: no hay un orden DOM automático en el Editor X. Sin embargo, puedes revisar y reorganizar el orden de los componentes a través del panel Capas.
Nota: Los sitios del Editor X están haciendo la transición a Wix Studio, donde se aplican funcionalidades similares. - Editor de Wix Studio: los sitios de Wix Studio tienen un orden DOM automático, con la opción de revisar y ajustar el orden de los componentes a través del panel Capas.
- Actualiza las ubicaciones de los anuncios para minimizar su impacto en CLS. Colocar anuncios de banner en la parte superior de la página puede alterar la estabilidad del estilo. En su lugar, considera ubicar los componentes del anuncio en la mitad inferior de la página, como con los anuncios de Google AdSense, para reducir los problemas de CLS.
Herramientas de medición del rendimiento
Puedes usar varias herramientas para obtener información sobre el rendimiento de tu sitio. Estas herramientas suelen incluir datos de visitantes reales y datos de laboratorio estimados.
Importante:
Recomendamos encarecidamente centrarse en los datos de visitantes reales. Puedes ver estos datos en dos lugares: en la sección "Experiencia real del visitante" del panel de control de velocidad del sitio de Wix y en la sección "Evaluación de las métricas web principales" de PageSpeed Insights de Google. Usa estas métricas para comprender mejor lo que experimentan los visitantes de tu sitio cuando cargan y navegan por tu sitio.
Haz clic abajo para obtener más información sobre las herramientas de medición del rendimiento:
Panel de control Velocidad del sitio de Wix
Google PageSpeed Insights
Métricas web principales
Otras herramientas de prueba externas
La diferencia entre las puntuaciones de dispositivos móviles y de escritorio
Al revisar los métricas web principales de tu sitio, recibirás dos informes distintos: uno para dispositivos móviles y otro para equipos de escritorio. Es probable que las dos puntuaciones generales sean diferentes.
Algunos factores contribuyen a esta diferencia normal en las puntuaciones entre la versión móvil y la de escritorio, entre ellos:
- Los dispositivos móviles suelen tener procesadores más lentos que los de escritorio.
- Las redes móviles (como 3G, 4G, LTE y 5G) pueden ser más lentas que las conexiones Wi-Fi o Ethernet que utilizan los dispositivos de escritorio.
Métricas web principales y SEO
Las métricas web principales son indicadores cruciales del rendimiento de tu sitio y se encuentran entre los diversos factores que se tienen en cuenta para el posicionamiento SEO de tu sitio.
La mejora del SEO de rendimiento se aplica a las páginas móviles y de escritorio por separado. Cada página, ya sea móvil o de escritorio, puede recibir hasta tres mejoras, una por cada métrica web principal:
- Buena: indica que las puntuaciones de las métricas obtienen una mejora de SEO completa (verde).
- Necesita mejorar: indica que las puntuaciones de las métricas obtienen una mejora de SEO parcial (amarillo).
- Mala: indica que las puntuaciones de las métricas no reciben mejoras de SEO (rojo).
Por ejemplo, una página móvil puede obtener una mejora de SEO parcial para LCP e INP, pero una mejora completa para CLS.
Mientras tanto, la versión de escritorio de la misma página podría recibir una mejora de SEO completa para cada métrica.
Tu evaluación de las métricas web principales se mostrará como "Reprobada", a menos que recibas una puntuación "Buena" para las tres métricas web principales. Esto no significa que la página no haya recibido una mejora, ya que cada métrica aporta una mejora de forma independiente.
La búsqueda de Google siempre tiene como objetivo mostrar el contenido más relevante, incluso si la experiencia en la página no es perfecta. Para la mayoría de las consultas, hay mucho contenido útil disponible. Por lo tanto, tener una excelente experiencia en la página puede contribuir al éxito en el posicionamiento de la búsqueda.
El contenido sigue siendo el factor más importante para mantener tu puntuación de SEO. Te recomendamos optimizar el contenido de tu sitio, así como actualizar las metaetiquetas de tu página. Más información sobre las prácticas de SEO recomendadas.
Preguntas frecuentes
Haz clic a continuación para obtener respuestas a las preguntas más frecuentes sobre las métricas web principales.
¿Por qué no han mejorado las métricas de mi sitio después de realizar cambios?
¿Cómo podría haber empeorado el rendimiento de mi sitio desde que INP reemplazó a FID?
¿Te ha sido útil?
|