Compartir tecnología

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Mantener contentos a los clientes es el secreto del éxito en el comercio minorista. Se ha demostrado que brindar una experiencia en línea rápida y consistente mejora significativamente todas las métricas que interesan a los minoristas, desde las tasas de conversión y los ingresos hasta la retención y el conocimiento de la marca.

Esquema de este artículo:

• La velocidad de la página afecta los datos comerciales minoristas en línea

• Cómo comparar la velocidad de su sitio web con la de sus competidores

• Comience con la optimización del rendimiento: analice qué está ralentizando sus páginas, desde imágenes y terceros hasta hojas de estilo y fuentes personalizadas, y qué puede hacer al respecto.

La velocidad de la página afecta los datos comerciales minoristas en línea

Para la mayoría de los minoristas en línea, la velocidad de la página tiene un impacto mensurable en las ganancias. Incluso pequeñas mejoras pueden mejorar significativamente métricas como las tasas de conversión.Por ejemplo

Cómo analizar la relación entre el rendimiento del sitio web y los datos de conversión empresarial

Pero ¿qué pasa con su sitio web? Para comprender el impacto de las mejoras en la velocidad de la página en su propio sitio, debe consultar sus propios datos de Monitoreo de usuario real (RUM).Diagrama de asociación es una excelente manera de comunicar el desempeño a todos en su negocio. Puede utilizar RUM para crear estas visualizaciones que permiten que incluso las partes interesadas sin conocimientos técnicos vean fácilmente cómo el rendimiento se correlaciona con la participación del usuario y las métricas comerciales, como la tasa de rebote y la tasa de conversión.

El gráfico de correlación le brinda una vista de histograma de todo el tráfico de usuarios, desglosado en diferentes grupos según métricas de rendimiento, como inicio de procesamiento, extracción máxima de contenido y número de interacciones hasta el próximo sorteo. El gráfico incluye una superposición que muestra las métricas de participación del usuario o métricas comerciales (como la tasa de rebote o la tasa de conversión) asociadas con cada grupo. De esta manera, podrá ver la relación entre el rendimiento, la participación del usuario y su negocio de un vistazo.

Como puede ver en este gráfico de correlación, con un tiempo máximo de extracción de contenido (LCP) de 1,1 segundos, la tasa de conversión alcanza un máximo de poco más del 6%. A medida que el LCP se ralentiza, la tasa de conversión cae rápidamente y cae por debajo del 3% en 2 segundos. Como se puede ver en lo anterior, optimizar el rendimiento del sitio web para reducir el tiempo de LCP puede generar mayores conversiones y más ingresos en general.

¿Cómo se compara su sitio web con el de sus competidores?

Con curva de velocidad Sintético Al igual que la supervisión integral del rendimiento, puede ejecutar una prueba de velocidad de la página en cualquier otro sitio web tal como lo haría por su cuenta. Esto significa que obtienes los mismos datos, capturas de pantalla y diapositivas excelentes y enriquecidos para comparar.

SuEvaluación comparativa competitiva El panel también le permite profundizar y centrarse en cosas como la creación de páginas. Esa página se procesa dos veces más rápido que la tuya... ¿qué hicieron diferente? ¿Tienen más JavaScript? ¿menos? ¿Hiciste 400 solicitudes y solo hicieron 80? Este es el lugar para descubrirlo.

Puntos de referencia de velocidad de página es un panel de control público que muestra una instantánea del desempeño actual de los minoristas líderes en los EE. UU., la UE, el Reino Unido y Japón.

Introducción a la optimización del rendimiento

Para brindar una experiencia en línea excelente y rápida, comience haciéndose dos preguntas:

• ¿Qué causa que mi página parezca lenta para los usuarios?

• ¿Qué puedo hacer?

La buena noticia es que la mayoría de los problemas que ralentizan tu página de comprador ocurren en tu página, lo que significa que puedes controlarlos. A continuación se ofrece una descripción general de los problemas de rendimiento más comunes en los sitios web minoristas y cómo rastrearlos y solucionarlos.

¿Qué causa que tu página web se ralentice? La gran mayoría de los problemas de rendimiento se deben a cuatro motivos:

• Terceros como rastreadores y analizadores.

• hoja de estilo

• Fuente personalizada

• Tamaño de página, especialmente tamaño de imagen

guión de terceros

Hoy en día, una página web minorista típica puede contener hasta 75 scripts de terceros, como rastreadores y balizas de análisis.

Los terceros agregan mucho valor al aumentar las conversiones (a través de balizas de ubicación) y ayudándolo a comprender a sus usuarios como nunca antes (a través de etiquetas analíticas), para que no desaparezcan pronto. Pero pueden afectar significativamente la forma en que se representa su página (¡o incluso si se representa en absoluto!).

Qué puedes hacer: supervisar el rendimiento de terceros

Empiece por adoptar un enfoque proactivo para comprender cualquier posible daño al rendimiento que puedan causar terceros.

No se puede arreglar lo que no se mide.Esto es lo que creamos en SpeedCurvePaneles de control de terceros dedicadosrazones para que pueda ver de un vistazo cómo se están desempeñando los terceros, realizar un seguimiento de los guiones individuales yEstablezca un presupuesto de rendimiento.

Una vez que comprenda el rendimiento de sus scripts de terceros, puede utilizar datos históricos para desarrollar un SLA con el proveedor.

caso de estudio: M&S revoluciona el rendimiento al centrarse en contenido de terceros

Tamaño de imagen y página

Si bien el tamaño de la página no siempre se correlaciona con una experiencia de usuario más lenta, a menudo sí lo hace. Las imágenes grandes que no están optimizadas suelen ser las culpables.

Además de optimizar sus imágenes (¡para asegurarse de no ofrecer 1 MB de recursos a sus usuarios!), también debe asegurarse de que sus imágenes más importantes (como la imagen principal de su producto) se representen lo antes posible.

Qué puedes hacer: crear un presupuesto de rendimiento para métricas relacionadas con imágenes

Los presupuestos de rendimiento y las alertas son una excelente manera de lidiar con la degradación del rendimiento. . El presupuesto de rendimiento comienza cuando su equipo (todos: especialistas en marketing, diseñadores y desarrolladores) acuerdan los principios para la experiencia del usuario y la velocidad del sitio. Primero, debe decidir qué métricas desea rastrear y luego establecer umbrales basados ​​en el desempeño anterior.

Para imágenes, aquí hay algunas métricas a considerar:

• Sorteo máximo de contenido: este es el tamaño del elemento visual más grande (imagen o video) en la ventana gráfica. LCP es de GoogleMétricas de la red centralPor un lado, es un conjunto de métricas para el algoritmo de clasificación de búsqueda de Google, por lo que es una buena idea realizar un seguimiento.

• Tamaño de imagen: el tamaño total de todas las imágenes de la página. Esta es una excelente manera de ver de un vistazo si se han agregado imágenes grandes y no optimizadas a su página.

• Solicitudes de imágenes: el número total de imágenes en la página.

caso de estudio: Cómo Zillow se hizo más grande, más rápido y más atractivo con un presupuesto reducido

hoja de estilo

Las hojas de estilo son una gran ayuda para la web moderna. Resuelven una amplia gama de problemas de diseño, desde la compatibilidad del navegador hasta el mantenimiento y las actualizaciones del diseño. Sin hojas de estilo, no tendríamos grandes cosas como el diseño responsivo.

Sin embargo, las hojas de estilo mal ejecutadas pueden provocar una serie de problemas de rendimiento. Estos problemas incluyen que CSS tarde demasiado en descargarse y analizarse, y hojas de estilo mal ubicadas que impiden que el resto de la página se represente.

Qué puede hacer: aprenda qué hojas de estilo pueden impedir que su página se muestre

Una vez más, no se puede arreglar lo que no se mide. Su herramienta de seguimiento integral puede indicarle:

• ¿Cuántas hojas de estilo hay en mi página y cuántas de ellas impiden que la página se muestre?

• ¿Este número ha aumentado o disminuido?

• ¿Qué tamaño tienen las solicitudes de CSS?

• ¿Cómo se comportará la hoja de estilo para cada uno de mis terceros?

Fuente personalizada

Las fuentes personalizadas brindan a los diseñadores un control sin precedentes sobre las fuentes utilizadas en sus diseños. Este deseo de control es la razón por la que las fuentes personalizadas han ganado popularidad. Pero detrás de esta popularidad hay un precio por el rendimiento.

Algunas fuentes requieren mucho código CSS, mientras que otras requieren mucho JavaScript o alojamiento externo, todo lo cual puede ralentizar significativamente la representación de la página.

Qué puedes hacer: realizar un seguimiento del tamaño de fuente y la velocidad de renderizado

Además de realizar un seguimiento del tamaño de fuente y la cantidad de solicitudes, también puede usar SpeedCurve para medir cuándo el primer elemento H1 ha terminado de renderizarse. (En SpeedCurve llamamos a este indicador Hero H1. Son los tresTiempo de renderizado del héroe uno. ) Si su sitio web utiliza fuentes personalizadas, lo más probable es que esas fuentes se apliquen a la copia H1, lo que hace que esta métrica sea una forma eficaz de medir la rapidez con la que se representan las fuentes personalizadas.

Como todas las demás métricas que rastreamos para usted, usted puedeCree presupuestos de rendimiento y reciba alertas cuando superen los umbrales.

caso de estudio: NerdWallet utiliza métricas de renderizado H1 para ayudar a aumentar la velocidad de carga de fuentes en un 30%