Comprender las auditorías de velocidad del sitio web

Aquí en Eastside Co, diseñamos y creamos algunos de los mejores sitios web de Shopify y Shopify Plus del mundo. Prestamos atención para asegurarnos de que la experiencia del usuario sea óptima, y ​​una parte clave de eso es comprender el rendimiento del sitio web y cómo se ve "bueno". Hay muchos tipos de auditoría de sitios web disponibles, una de ellas es la auditoría de velocidad.

Este artículo tiene como objetivo dar un desglose de cómo funcionan las auditorías de velocidad del sitio web.

Primero, comencemos con por qué realizaría una auditoría de velocidad. El propósito es simple: ¿qué tan bien se cargará su sitio web para los visitantes que usan una variedad de dispositivos? Llevar a cabo una auditoría de velocidad efectiva identificará qué tan rápido se carga y le dará indicaciones sobre cómo hacerlo más rápido. (No olvide consultar nuestro artículo detallado sobre formas de aumentar la velocidad de su sitio de Shopify una vez que haya realizado su auditoría).

Una auditoría de velocidad mostrará una comparación entre cómo se carga su sitio web en el escritorio y en el móvil. Pero hay algunas advertencias importantes a tener en cuenta.

El poder de ejecutar una auditoría de velocidad

Ejecutar una auditoría de velocidad del sitio web desde su computadora portátil arrojará resultados engañosos. O lo hará si tiene instalado Lighthouse y espera obtener datos en tiempo real.

En primer lugar, hay muchos factores a tener en cuenta al realizar una auditoría. Hay un desglose de los mitos comunes que viene en un momento. Pero primero, el poder de ejecutar la auditoría es algo a tener en cuenta.

Puede confiar en PageSpeed ​​Insights (PSI) como herramienta de auditoría de velocidad. Tú podrías. Pero hay un factor clave a recordar:

PSI no capturará los cuellos de botella del mundo real. O medir contra la página del mundo real Indicadores clave de rendimiento (KPI)

PSI es un entorno simulado para proporcionar depuración de problemas de rendimiento.

Para encontrar cuellos de botella del mundo real y KPI de página, necesita una herramienta como Google Lighthouse. Pero también necesita el hardware para ejecutarlo.

Si bien puede instalar Lighthouse en su computadora portátil o de escritorio, los puntajes métricos que obtenga serán bajos. Eso se debe a que Lighthouse usa algoritmos de limitación para crear cuellos de botella y latencia de red en el mundo real.

Eso exige mucha potencia de procesamiento del hardware que lo ejecuta. Por eso, aquí en Eastside Co, usamos un servidor de auditoría dedicado. Tiene un montón de poder de procesamiento para ejecutar auditorías con todo el estrangulamiento que Google puede lanzarle.

Una palabra sobre los resultados de PSI

PageSpeed ​​Insights (PSI) de Google es una herramienta popular. Utiliza Lighthouse (también una herramienta de Google) para ejecutar la auditoría. Pero ten en cuenta que lo hace dentro de un entorno simulado.

Hay una discusión detallada de las métricas de rendimiento y su significado próximamente. Primero, abordemos esos mitos sobre los resultados del PSI:

• La experiencia del usuario proviene de una sola métrica : no, este no es el caso. Debería evaluar las métricas a partir de una serie de valores y no de una sola vez.

• Puede definir un usuario representativo : de nuevo, no. Los usuarios visitarán su sitio web desde una variedad de dispositivos y conexiones de red.

• Su sitio web se carga rápido para usted, por lo que lo hará para todos : no, no es cierto. La latencia de la red y la velocidad de la red son dos cosas que pueden cambiar la experiencia de un usuario.

Los datos de rendimiento recopilados vienen en dos tipos: datos de laboratorio y datos de campo.

Datos de laboratorio

Los datos de laboratorio (producidos por PSI) son datos de rendimiento de un entorno controlado. Utiliza ajustes preestablecidos para la configuración de red y dispositivo. La idea es que obtendrá un conjunto de datos reproducibles con fines de depuración.

Datos de campo

Los datos de campo son datos de rendimiento recopilados a partir de cargas de página reales. Por lo tanto, son datos que sus usuarios están experimentando en términos reales.

La principal diferencia es: los datos de laboratorio que produce PSI tienen una gama más amplia de métricas. Los datos de campo son más limitados, pero es una experiencia de usuario real.

Métricas de rendimiento decodificadas

Hay un par de puntos clave que debe comprender antes de llegar a las puntuaciones métricas y su significado.

Por qué fluctúan las puntuaciones

Lighthouse mostrará fluctuaciones en los resultados de una auditoría. Hay razones para esto y no tienen nada que ver con Lighthouse en sí.

• Cambio de anuncios servidos. Si está publicando anuncios en su sitio web o ejecutando pruebas A/B, esto provocará variaciones en el rendimiento.

• Cambios en el enrutamiento del tráfico de Internet. La ruta al sitio web en sí a través de la red puede cambiar.

• Cambios en el hardware utilizado. Una poderosa PC de escritorio en comparación con un dispositivo móvil.

• El software antivirus puede causar demandas de ancho de banda. Eso dará como resultado fluctuaciones en los resultados de la auditoría.

• Cualquier extensión del navegador que inyecte JavaScript en la página.

Ponderación

Las métricas utilizan un promedio ponderado integrado en los algoritmos de Lighthouse. Estas ponderaciones no son visibles en el informe. Proporcionan una medida equilibrada de la percepción del rendimiento por parte de los usuarios. Esto proviene de la investigación regular que hace el equipo de Lighthouse.

Las Métricas

Ahora podemos ejecutar las métricas de nivel superior para decodificar lo que significan:

Primera pintura con contenido (FCP) : esta métrica mide cuánto tiempo tarda en cargarse el texto de la mitad superior de la página. Este es el contenido que ves sin necesidad de desplazarte. Demasiadas fuentes y archivos de fuentes grandes afectarán esta puntuación. Como ralentizará la carga de fuentes de recursos externos.

Índice de velocidad (SI) : esta métrica registra cuándo se detienen los cambios visuales en la mitad superior de la página. Eso significa que los videos y las imágenes destacadas afectan la puntuación del índice de velocidad.

Pintura con contenido más grande (LCP) : esta métrica busca la imagen o el bloque de texto más grande. Mide cuánto tiempo lleva cargar ese elemento en la ventana gráfica. Esto podría ser una imagen destacada o una gran sección de texto.

Tiempo de interacción (TTI) : esta métrica mide cuánto tiempo tarda la página en estar lista para la entrada del usuario. Las aplicaciones de carga tardía y los scripts de seguimiento o análisis afectarán esta métrica.

Tiempo total de bloqueo (TBT) : esta métrica es como TTI. Pero mide la cantidad total de tiempo de bloqueo en la página. Esto se refiere a que el usuario no puede hacer clic en los elementos o desplazarse por la página.

Cambio de diseño acumulativo (CLS) : esta métrica mide la estabilidad visual. en otras palabras, mide cuánto cambia el contenido a medida que se carga la página, lo que dificulta leer o ver el contenido.

Por fin...

Los puntos principales sobre las auditorías de velocidad del sitio web son: hay datos de laboratorio y datos de campo. Donde los datos de laboratorio son un entorno simulado y los datos de campo son una experiencia de usuario en tiempo real. Para ejecutar Lighthouse para ver datos de campo, necesita que la máquina host tenga la mayor potencia de procesamiento posible. Los datos de laboratorio de PSI están bien para fines de orientación básica y depuración.

Si desea saber más sobre nuestras auditorías de velocidad de sitios web, o cómo podemos diseñar y construir una tienda Shopify o Shopify Plus para su negocio de comercio electrónico, ¡escríbanos!