Informes de rendimiento web

Optimizar el rendimiento de la tienda online mejora la experiencia de compra, aumenta la detectabilidad y eleva la tasa de conversión. Los informes de rendimiento web ayudan a entender cómo se desempeña la tienda frente a los estándares del sector para velocidad de carga, interactividad y estabilidad visual, conocidos como Core Web Vitals.

Los informes muestran el desempeño de la tienda online en los Core Web Vitals: velocidad de carga, interactividad y estabilidad visual. Incluyen información sobre la experiencia en escritorio y en dispositivos móviles, la distribución de experiencias según las clasificaciones de rendimiento y cómo impactan en la experiencia de la tienda online los cambios que se realicen, como instalar aplicaciones, actualizar temas o agregar código nuevo.

Debido a los procesos de seguimiento y cálculo, los datos de este informe podrían tener un retraso de hasta 36 horas. Los datos de rendimiento web solo están disponibles para los últimos 90 días.

Más información sobre cómo se mide el rendimiento web.

Consulta los datos de rendimiento web de la tienda

Para ver los informes de rendimiento web de la tienda, necesitas el permiso de empleados para informes. Para obtener un panel con métricas de usuarios reales (RUM), debes quitar la protección con contraseña de la tienda online.

Puedes acceder a los informes de rendimiento web a lo largo del tiempo desde el resumen de métricas de rendimiento en la página Temas, o ver todos los informes de rendimiento web en la lista Informes del panel de control de Shopify.

Consulta el resumen de métricas de rendimiento

El resumen de métricas de rendimiento se muestra en la página Temas del panel de control de Shopify y ofrece un resumen rápido de los 3 Core Web Vitals de la tienda a lo largo del tiempo. Más información sobre el resumen de métricas de rendimiento.

Pasos:

  1. En el panel de control de Shopify, ve a Tienda online > Temas.

  2. Opcional: usa el Ícono de calendario selector de fecha para mostrar los datos del rango de fechas seleccionado. Puedes elegir entre Hoy, Últimos 7 días y Últimos 30 días.

  3. Opcional: usa el resumen de métricas de rendimiento para abrir un informe:

Consulta los informes de rendimiento web

Hay varios informes de rendimiento web disponibles en la lista Informes del panel de control de Shopify. Puedes personalizar estos informes para mostrar los datos que necesitas con el panel de configuración o el editor de consultas ShopifyQL.

Más información sobre cómo usar los informes de Shopify.

Pasos:

  1. En el panel de control de Shopify, ve a Analíticas > Informes.

  2. En el campo Buscar informes, busca el informe al que quieres acceder directamente:

    • Para mostrar todos los informes de rendimiento web, busca con dos puntos :.
    • Para mostrar los informes sobre Largest Contentful Paint, busca con la palabra clave contentful.
    • Para mostrar los informes sobre Interaction to Next Paint, busca con la palabra clave next.
    • Para mostrar los informes sobre Cumulative Layout Shift, busca con la palabra clave cumulative.
  3. Haz clic en el nombre del informe que quieres abrir.

Resumen de métricas de rendimiento web

El resumen de métricas de rendimiento web ofrece información útil sobre el rendimiento de la tienda online con base en datos reales de usuarios de los últimos 30 días. Evalúa la tienda en los 3 Core Web Vitals y asigna una clasificación de Bueno, Moderado o Deficiente a cada métrica. Esta clasificación representa el 75% superior de las experiencias de usuarios.

Ejemplo de resumen de métricas de rendimiento: muestra el panel y algunos datos y clasificaciones de muestra.

El resumen de métricas de rendimiento web incluye lo siguiente:

  • La clasificación de Pintura con contenido más grande (LCP) de la tienda, que mide la velocidad de carga según la rapidez con la que el elemento más grande de la pantalla se vuelve visible.
  • La clasificación de Interacción a la siguiente pintura (INP), que mide la interactividad según el tiempo que tarda el navegador en pintar el siguiente fotograma o mostrar un cambio en pantalla después de una interacción de la persona usuaria, como hacer clic en un enlace o un botón.
  • La clasificación de Cambio de diseño acumulado (CLS), que mide la estabilidad visual según cuánto se desplaza el contenido de forma inesperada al navegar por la página.
  • Las sesiones de visitantes de la tienda online, segmentadas por tipo de dispositivo.

Estas son las clasificaciones disponibles para los 3 Core Web Vitals en el resumen de métricas de rendimiento web:

Tabla que enumera las métricas objetivo de los 3 Core Web Vitals y sus descripciones.
Core Web VitalClasificaciónMétrica objetivoDescripción
Pintura con contenido más grande (LCP)BuenoMenor o igual que 2.500 msLa mayoría de las personas perciben una carga rápida de la página.
ModeradoMayor que 2.500 ms y menor que 4.000 msAlgunas personas perciben una carga rápida, pero se puede mejorar.
DeficienteMayor que 4.000 msLa mayoría de las personas usuarias experimenta una carga lenta de la página. Conviene mejorarla.
Interacción con la siguiente pintura (INP)BuenoMenor o igual que 200 msLa mayoría de las personas usuarias experimenta buena respuesta en las páginas.
ModeradoMayor que 200 ms y menor que 500 msAlgunas personas usuarias experimentan buena respuesta en las páginas, pero hay margen de mejora.
DeficienteMayor que 500 msLa mayoría de las personas usuarias experimenta una respuesta lenta en las páginas, lo que puede resultar frustrante y conviene mejorarla.
Cambio de diseño acumulado (CLS)BuenoMenor o igual que 0,1La mayoría de las personas usuarias percibe un diseño estable durante la carga de la página.
ModeradoMayor que 0,1 y menor que 0,25Algunas personas usuarias perciben un diseño estable durante la carga de la página, pero hay margen de mejora.
DeficienteMayor o igual que 0,25La mayoría de las personas usuarias percibe un diseño inestable durante la carga de la página, lo que puede resultar molesto y conviene mejorarlo.

Si los resultados de alguna métrica son moderados o deficientes, considera usar los informes de rendimiento web para determinar qué podría estar causando el problema y tomar medidas para resolverlo.

Informes de rendimiento web con el tiempo

Puedes revisar el rendimiento web del sitio con el tiempo para las 3 Core Web Vitals desde los informes de rendimiento web:

De forma predeterminada, los datos se muestran para el percentil 75 de la Core Web Vital correspondiente, en milisegundos, pero puedes usar el panel de configuración del informe para adaptarlo a tus necesidades. También puedes ajustar varias Dimensiones y Filtros, como el rango de tiempo, la agrupación por fecha y el tipo de dispositivo, para reflejar mejor el tráfico del sitio. Más información sobre personalizar los informes.

El gráfico de líneas muestra cómo los cambios realizados en la tienda online, como instalaciones de apps, actualizaciones del tema y código nuevo, han afectado la Core Web Vital con el tiempo. Esta visualización incluye los siguientes elementos adicionales:

  • La puntuación del Resumen de rendimiento web, calculada para el rango de fechas seleccionado.
  • Etiquetas de anotación de eventos, representadas como líneas verticales numeradas en el gráfico, sobre las que puedes pasar el cursor para ver más información sobre posibles cambios en la tienda que podrían afectar el rendimiento web.
  • Umbrales de puntuación de rendimiento web, representados por una línea horizontal en el gráfico, que indican el límite entre resultados buenos, moderados y deficientes.

El gráfico de barras en la columna de la métrica de distribución de la tabla de datos muestra cuántas visitas de página se incluyen en cada categoría de rendimiento: bueno (verde), moderado (amarillo) o deficiente (rojo).

Informes de rendimiento web por URL de página

Puedes revisar el rendimiento web del sitio por cada URL de página para las 3 Core Web Vitals desde los informes de rendimiento web:

De forma predeterminada, los datos muestran los eventos del percentil 75 de la Core Web Vital correspondiente, en milisegundos, pero puedes usar el panel de configuración del informe para adaptarlo a tus necesidades. También puedes ajustar varias Dimensiones y Filtros, como el rango de tiempo, la agrupación por fecha y el tipo de dispositivo, para reflejar mejor el tráfico del sitio. Más información sobre personalizar los informes.

Estos informes no contienen una visualización gráfica. Muestran solo la tabla de datos. De forma predeterminada, la dimensión principal de la tabla es ruta de página. El gráfico de barras en la columna de la métrica de distribución muestra cuántas visitas de página se incluyen en cada categoría de rendimiento: bueno (verde), moderado (amarillo) o deficiente (rojo).

Informes de rendimiento web por tipo de página

Puedes revisar el rendimiento web del sitio, separado por tipo de página, para las 3 Core Web Vitals desde los informes de rendimiento web:

De forma predeterminada, los datos se muestran para el percentil 75 de la Core Web Vital correspondiente, en milisegundos, pero puedes usar el panel de configuración del informe para adaptarlo a tus necesidades. También puedes ajustar varias Dimensiones y Filtros, como el rango de tiempo, la agrupación por fecha y el tipo de dispositivo, para reflejar mejor el tráfico del sitio. Más información sobre personalizar los informes.

Estos informes no contienen una visualización gráfica. Muestran solo la tabla de datos. De forma predeterminada, la dimensión principal de la tabla es tipo de página. El gráfico de barras en la columna de la métrica de distribución muestra cuántas visitas de página se incluyen en cada categoría de rendimiento: bueno (verde), moderado (amarillo) o deficiente (rojo).

Usar los informes de rendimiento web

Cuando el resumen de métricas de rendimiento web tenga datos suficientes para mostrar una puntuación de las Core Web Vitals, puedes usar los informes de rendimiento para acotar posibles problemas que podrían estar afectando las puntuaciones de rendimiento web. Cuando identifiques páginas o elementos que podrían estar afectando el rendimiento web, podrás decidir con fundamento dónde y cómo optimizar la tienda.

Ten en cuenta que ciertos factores están fuera de tu control, como el dispositivo, la red y la ubicación de cada cliente. Clientes de todo el mundo visitan la tienda con distintos dispositivos y conexiones a internet, por lo que la tienda puede cargarles más rápido o más lento según esos factores. Mientras la métrica general sea buena, no te preocupes demasiado si algunas fechas o páginas entran en las categorías moderada o deficiente.

Puedes seguir estos pasos generales para investigar oportunidades de optimización del rendimiento web:

  1. Revisa el resumen de métricas de rendimiento para obtener una vista general de qué puntuaciones de Core Web Vitals podrían necesitar optimización.
  2. Para una Core Web Vital específica, usa los 3 informes asociados para profundizar en los datos de la tienda:
    • Usa los informes de con el tiempo para investigar cuándo pudieron producirse los impactos sobre una puntuación determinada.
    • Usa los informes de tipo de página para investigar si ciertas plantillas de página están indicando un impacto en el rendimiento web.
    • Usa los informes de URL de página para investigar si páginas específicas están indicando un impacto en el rendimiento web.
  3. Cuando determines el período, las páginas y los elementos que identifiques como factores que afectan el rendimiento de la tienda online, podrás mejorar la puntuación de Core Web Vitals con mayor certeza sobre la causa específica del problema.

Para saber cómo mejorar el rendimiento de la tienda online, visita Mejorar el rendimiento de la tienda online.