La velocidad de carga del sitio web es un tema difícil para el comercio electrónico. Y si con las versiones de escritorio todo es más o menos normal, entonces con el móvil el problema.
Analizamos las tiendas en línea más grandes de Rusia utilizando el servicio Google PageSpeed Insights para 39 variables, por industria y dispositivo. La cantidad de tiendas que entran en la zona verde, el tiempo que demora la representación del contenido y la carga de la página completa, lo que funciona para acelerar los sitios son los más populares, y lea sobre esto en la revisión.
¿Por qué todo esto y para quién es útil?
Cuando analizamos la usabilidad móvil de las tiendas en línea TOP-20 en Rusia, encontramos que solo 1 de cada 20 tiendas pasa la prueba en el servicio Google PageSpeed Insights . La mayoría ni siquiera cae en la zona "naranja".
La velocidad de descarga es importante por dos razones:
- los sitios lentos pierden clientes: cuanto más se carga el sitio, mayor es el deseo de volver a la búsqueda;
- Es más probable que los sitios rápidos tomen posiciones más altas en el sector orgánico (recuerde la transición a la indexación Mobile-First ).
Decidimos profundizar en el tema de la velocidad de carga del sitio y analizar la situación real en el comercio electrónico. Seleccionamos 48 tiendas en línea de la clasificación de DataInsight , 8 de cada una de diferentes áreas:
- productos automotrices;
- belleza y salud;
- ropa, zapatos y accesorios;
- artículos para el hogar;
- electrónica y tecnología;
- grandes almacenes
Cada tienda se analizó utilizando PageSpeed Insights y compiló una tabla resumen .
A continuación, explicaremos qué significan las métricas en PSI y las analizaremos en diferentes segmentos del comercio electrónico. La información será útil no solo para desarrolladores y optimizadores, sino también para propietarios de tiendas en línea para comprender las tendencias actuales.
Lo que es importante saber sobre PageSpeed Insights (PSI)
PSI proporciona información sobre la velocidad de carga de la página en dispositivos móviles y PC, así como consejos sobre cómo hacer que se carguen más rápido.
El informe de la ISP se divide en bloques:
- puntuación para la velocidad de carga de la página (calificación de rendimiento);
- datos de observación: se presentan los datos sobre la velocidad de carga de la página por parte de los usuarios durante los últimos 30 días (extraídos del informe sobre la usabilidad del navegador Chrome);
- simulación de carga: datos sobre la velocidad de carga de la página (se utiliza la tecnología Lighthouse para obtenerlos);
- resultados de auditoría: una lista de tareas que requieren atención para mejorar la velocidad de carga de la página.
Analizaremos con más detalle y analizaremos cada grupo de indicadores.
Calificación de desempeño
PageSpeed Insights le da al sitio una puntuación basada en un análisis de su velocidad de carga utilizando la herramienta Lighthouse (por separado para las versiones de escritorio y móviles). Los datos se actualizan diariamente y cubren los últimos 30 días.
Las calificaciones de calificación son las siguientes:
- 90-100 puntos - la zona "verde". Puedes abrir champaña.
- 50-89 puntos - la zona "naranja". Hay fallas, pero puedes vivir.
- 0-49 puntos - la zona "roja". Todo es malo
En un mundo ideal, el sitio debe estar en la zona verde. Pero la realidad es dura:
De las 48 tiendas en línea (nota de la calificación TOP-100), solo una (!) Vive en la zona verde cuando se ve desde el móvil. La situación es similar con las computadoras de escritorio: solo 2 sitios obtuvieron 90 puntos o más. Esto es solo el 2% y el 4% del número total de sitios analizados.
Casi el 90% de los sitios vistos desde móviles pasan la prueba de velocidad de descarga con un resultado insatisfactorio. Cuando se ve desde escritorios, aproximadamente el 52%.
Si observa la velocidad de descarga promedio por industria, las tiendas en línea de artículos para automóviles, así como ropa, zapatos y accesorios, se cargan más rápidamente. Las tiendas de electrónica y los grandes almacenes están rezagados.
Datos de observación: FCP y FID
Primera representación de contenido (FCP)
First Contentful Paint (FCP) es el tiempo desde el momento en que visita el sitio hasta que el navegador muestra el primer contenido del DOM. Desde el punto de vista de los usuarios, la primera representación indica que el sitio realmente se está cargando.
PageSpeed Insights toma los valores FCP del informe de usabilidad del navegador Chrome . Se muestra el percentil 90 FCP.
Gradación de los valores de FCP:
- 0-1 segundo - alta velocidad de la primera representación de contenido;
- 1-2.5 segundos - velocidad promedio;
- más de 2.5 segundos - baja velocidad.
Valores FCP reales:
En contraste con la puntuación de la velocidad de carga del sitio, según el indicador FCP, no hay una brecha pronunciada entre las versiones de escritorio y móviles en la masa total.
Los valores promedio de FCP por industria:
Además del valor promedio de FCP en los últimos 30 días, el PSI también muestra el porcentaje de distribución de carga de página en función del valor de FCP (velocidad de descarga "alta", "media" y "baja").
Un ejemplo:
En este ejemplo, en el 18% de las cargas de página, la primera representación del contenido no duró más de 1 segundo, en 62%, de 1 a 2.5 segundos, en 20%, más de 2.5 segundos. El valor promedio es de 3.3 segundos.
Promediamos el porcentaje de distribución de descargas para cada uno de los 48 sitios analizados y recibimos las siguientes cifras:
No existen diferencias significativas entre la distribución de las velocidades de carga de páginas en dispositivos móviles y equipos de escritorio, a menos que el porcentaje de descargas de alta velocidad en equipos de escritorio sea ligeramente mayor.
Primer retardo de entrada (FID)
El primer retraso de entrada (primer retraso de entrada, FID) es el tiempo desde el inicio de la interacción del usuario con el sitio (haciendo clic en un enlace, botón, utilizando un elemento JavaScript) hasta que el navegador responde a esta interacción.
Cuanto menor sea el retraso de entrada, menos tendrá que esperar el usuario la reacción del navegador. Pero, por ejemplo, debido a los scripts masivos, el navegador puede procesarlos durante mucho tiempo, por lo que hay un alto retraso de entrada.
El PSI indica el percentil 95 por FID, el valor promedio de los últimos 30 días.
Gradación de valores FID:
- 0-50 ms - alta velocidad;
- 50-250 ms - velocidad media;
- más de 250 ms - baja velocidad.
A diferencia de FCP, los valores de FID difieren según el dispositivo desde el que visitaron el sitio. Cuando se ve desde un teléfono móvil, el primer retraso de entrada es significativamente mayor que cuando se ve desde una PC. En 8 sitios, los usuarios tienen que esperar más de 1,5 segundos para una reacción violenta, y en tres sitios, más de 3 segundos (que es 60 veces más de lo normal).
Por industria:
En el campo de la venta de ropa, zapatos y accesorios, los sitios reaccionan más rápidamente a las acciones del usuario, tanto en dispositivos móviles como en computadoras de escritorio. Los sitios en las áreas de belleza y salud, electrónica y tecnología, grandes almacenes responden por más tiempo.
Al igual que con FCP, el servicio PSI muestra la distribución porcentual del retraso de entrada del FID. Un ejemplo:
El porcentaje de descargas con velocidad media y baja en el móvil es más de 2 veces mayor que el mismo indicador cuando se ve desde los escritorios. La proporción de descargas de alta velocidad es del 55% frente al 83%, respectivamente.
Simular carga de página
Este bloque del informe de PSI muestra los resultados de simular la carga de la página utilizando la tecnología Lighthouse. Seis indicadores se presentan aquí. Es sobre su base que se forma una estimación puntual de la velocidad de carga de la página. Además, los indicadores tienen diferentes pesos . Por importancia se distribuyen de la siguiente manera:
5 (lo más importante): tiempo de carga para la interacción (TTI);
4 - índice de velocidad de descarga (Índice de velocidad);
3 - tiempo de carga del primer contenido (FCP);
2 - Tiempo de finalización de CPU (primer CPU inactivo);
1 - tiempo de carga de una porción suficiente del contenido (FMP);
0 (no se tiene en cuenta): retraso potencial máximo (FID).
Veamos cada indicador.
Primer tiempo de descarga de contenido (FCP)
Hemos analizado este indicador arriba. La diferencia es que en el bloque de simulación de descarga, los datos se obtuvieron utilizando Lighthouse y en el bloque de observación, del informe sobre la usabilidad del navegador Chrome.
El tiempo de carga del primer contenido es mucho mayor en dispositivos móviles. En 9 sitios de 48 (19%), supera los 6 segundos. Cuando se ve desde escritorios, la velocidad de FCP es mucho mayor: aquí solo 5 sitios (10%) tienen la primera representación que dura más de 2 segundos.
Por industria:
Tiempo de descarga de contenido suficiente (FMP)
La primera pintura significativa (FMP) es el tiempo desde el inicio de la carga de la página hasta el momento en que el usuario ve suficiente contenido para comenzar a trabajar con la página.
Los valores de FMP son interesantes para comparar con FCP. En el 40% de los casos, cuando se ve desde escritorios, FMP coincide con FCP: los usuarios en la primera representación ven de inmediato una parte significativa del contenido. En otros casos, los usuarios tienen que esperar adicionalmente a que se cargue el contenido (en promedio - 0.3 segundos).
Al navegar desde dispositivos móviles, el 46% de los sitios FCP coinciden con FMP, pero la brecha entre estos indicadores es mayor, un promedio de 1,4 segundos (que es 4,7 veces mayor que cuando se navega desde computadoras de escritorio).
Por industria (móvil):
La brecha más grande entre FMP y FCP se observa en el campo de las ventas de electrónica y tecnología, la más pequeña, en las tiendas en línea de ropa, calzado y accesorios. La lógica, por qué es así, es difícil de encontrar. Se puede suponer que esto se debe a las características de diseño de sitios en diferentes industrias.
Por sucursales (escritorios):
Cuando se ve desde escritorios, la situación es similar, pero las brechas entre FCP y FMP son más pequeñas. Además, el valor más bajo de FMP se observa en el campo de los productos automotrices, en lugar de ropa, zapatos y accesorios.
Descargar índice de velocidad
El índice de velocidad es el tiempo que tardan en mostrarse las partes visibles de la página. Esta métrica es desarrollada y utilizada por webpagetest. org . El servicio toma capturas de pantalla sucesivas de la carga de la página, analiza la dinámica de la carga de contenido y muestra el índice de velocidad.
Veamos los valores del índice de velocidad para los sitios analizados.
En dispositivos móviles, el 54% de los sitios tienen un índice de velocidad de descarga superior a 10 segundos y el 85% superior a 5 segundos (recuerde que el Índice de velocidad es el segundo factor más importante en la formación de una estimación puntual de la velocidad de carga del sitio en PSI).
En los equipos de escritorio, la situación es mucho mejor: aquí solo el 23% de los sitios tienen un índice de velocidad superior a 5 segundos.
Por industria:
Los mejores valores del índice de velocidad se observan en la venta de productos automotrices, así como ropa, zapatos y accesorios. Los sitios de tiendas de electrónica móvil tienen el mayor tiempo de carga, un promedio de más de 14 segundos.
Hora final de CPU
Anteriormente, este indicador se llamaba el tiempo de la primera interacción (First Interactive). Pero en Lighthouse 3.0, su nombre fue cambiado a First CPU Idle.
First CPU Idle muestra el período de tiempo desde el inicio de la carga de la página hasta el momento en que se vuelve mínimamente interactivo:
- la mayoría, pero quizás no todos los elementos de la interfaz se vuelven interactivos;
- la página responde en promedio a la mayoría de las entradas manuales en un período de tiempo razonable.
Compare los primeros valores de CPU Idle con el tiempo de carga de una parte suficiente del contenido (FMP). La conclusión es ver cuántos usuarios, después de obtener acceso al contenido, tienen que esperar la oportunidad de interactuar con los elementos de la página.
En dispositivos móviles, solo el 8% de los sitios coinciden con los valores de First CPU Idle y FMP. En otros casos, hay una brecha (en promedio - 8.7 segundos). Es decir, si el usuario desea hacer clic en algo en la página, el elemento no estará disponible de inmediato.
En el escritorio, el 6% de los sitios tienen los mismos valores First CPU Idle y FMP. En promedio, la brecha entre estos indicadores es de 2.7 segundos (3.2 veces menos que en dispositivos móviles).
Por industria (móvil):
El valor más pequeño de First CPU Idle está en el campo de ventas de productos automotrices, el más grande está en el campo de artículos para el hogar. La brecha máxima está en las tiendas en línea de ropa, zapatos y accesorios.
Por sucursales (escritorios):
Tiempo de descarga de interacción (TTI)
Esta es la métrica más importante cuando se evalúa la velocidad de carga de un sitio en PSI.
El tiempo de interacción (TTI) es el tiempo desde la transición del usuario a la página hasta que está listo para la interacción.
Resultados de análisis:
En el 46% de los sitios cuando navega desde dispositivos móviles, el tiempo de carga total es de más de 20 segundos, en el 94%, más de 10 segundos. Cuando se ve desde una PC, solo el 7% de los sitios se cargan más de 10 segundos.
Por industria:
Resultados de auditoria
Además de las métricas que caracterizan la velocidad de carga de la página, también analizamos en qué áreas los sitios se prueban con éxito en PSI.
El número promedio de auditorías aprobadas con éxito en dispositivos móviles es 11, escritorio - 12.
Es poco probable que se puedan completar auditorías al 100%, y esto no tiene sentido, porque algunas de ellas son solo de referencia.
Por ejemplo, la auditoría de uso de terceros muestra recursos externos conectados al sitio (por ejemplo, Yandex.Metrica, Google Analytics, widgets de redes sociales, etc.). Naturalmente, nadie eliminará dichos recursos del sitio en aras de una marca verde en la ISP.
Por otro lado, hay trabajos que se pueden completar en unos minutos. Por ejemplo, configurar el almacenamiento en caché, la compresión de texto, la carga retrasada de imágenes, acortar el código CSS y JavaScript, todo esto se hace de manera simple. Pero al mismo tiempo, la velocidad de descarga puede crecer bien.
Naturalmente, no solo la velocidad de descarga afecta la calidad de la comunicación con el cliente. Pruebe el módulo SEO en el sistema Promopult. Existen todas las herramientas para mejorar la calidad del sitio y la promoción de motores de búsqueda. Una gama completa de trabajo: con nosotros no se perderá ni un poco. Listas de verificación, consejos, informes transparentes y recomendaciones profesionales. Y sí, también tenemos una auditoría de sitio, no menos exigente que PSI.
Para resumir: ¿vale la pena luchar por las altas velocidades?
Cuando observa los resultados del análisis de la velocidad de descarga de las principales tiendas en línea, no agrega muchas ganas de acelerar su propio sitio web. De los 48 sitios, solo uno pasa la prueba de PSI en dispositivos móviles y de escritorio con la cabeza en alto. Con el resto, todo no es muy malo o muy malo. Y estos son los "mejores", con un equipo y dinero. ¿Y qué pasa con las pequeñas tiendas regionales? ..
Pero tal tren de pensamiento te llevará al lugar equivocado.
Es útil mirar las "partes superiores", pero no siempre enfocarse en ellas. Los sitios grandes están rodando debido a una serie de otros factores además de la velocidad de carga. Aquí y surtido, y préstamos, y la disponibilidad de entrega, y programas de fidelización. No te olvides de la fuerza de la marca. Si una persona está buscando una tienda específica, está lista para sobrevivir a una carga larga.
Las pequeñas tiendas viven según otras reglas. En términos de surtido y servicio, competir con sitios grandes no es fácil. Pero debido a la calidad, por ejemplo, un sitio rápido y conveniente, puede retener al cliente y al mismo tiempo mejorar su posición en los resultados de búsqueda locales.
Por supuesto, al acelerar el sitio, debe comparar los costos y el efecto esperado. Hasta cierto punto, puede acelerar su sitio de forma rápida y gratuita. La misma carga de carga diferida, la configuración de almacenamiento en caché y la compresión GZIP se implementan mediante complementos o códigos simples.
Pero la optimización de la estructura, los scripts y la velocidad de respuesta del servidor pueden requerir un rediseño serio del sitio web. Y si su sitio convierte bien el tráfico en el estado actual, entonces es mejor invertir en atraer usuarios (SEO, contexto, publicidad en redes sociales) que luchar por un par de puntos en PSI.