Presentamos nuestro panel de análisis de velocidad de página

En los últimos años, hemos visto que los motores de búsqueda se interesan cada vez más en la velocidad de la página como indicador de la calidad del sitio web. A principios de este año, Google lanzó la actualización Core Web Vitals. Esto agregó más velocidad de página e información de experiencia en su algoritmo de clasificación.

Está claro que las velocidades de página serán una métrica importante para monitorear en los próximos años. Para nosotros, esto significa poder ver el rendimiento de cada sección de su sitio web cada semana en comparación con la competencia. Desarrollamos nuestra PageSpeed ​​Console para este propósito. En este artículo, mostraremos cómo nuestros clientes lo usan para obtener información sobre la experiencia de velocidad de página de su sitio web.

¿Por qué es importante evaluar la velocidad de la página?

En este punto, todos los especialistas en marketing digital saben cuán importante es la velocidad de la página para el SEO y la experiencia del usuario.

La velocidad de la página tiene un impacto significativo en la experiencia del usuario. Cuanto más tiempo tengan que esperar los usuarios para que se cargue una página, es más probable que se vayan antes de realizar la conversión. Casi el 70% de las personas encuestadas por Unbounce dijeron que la velocidad de la página influye en su probabilidad de comprar.

La propia investigación de Google y Deloitte sobre la velocidad de la página encontró que cada 0,1 segundos de mejora en el tiempo de carga podría aumentar las tasas de conversión en un 8%.

Lo mismo ocurre con otras métricas de la experiencia de la página relacionadas con la velocidad, como los cambios en el diseño y la carga lenta del contenido.

¿Por qué la velocidad de la página es importante para el SEO?

La velocidad de la página afecta el SEO porque Google usa Core Web Vitals como una señal de clasificación. Core Web Vitals son tres métricas de velocidad de página que miden qué tan rápido se carga el contenido de la página. Estas métricas son:

• Pintura con contenido más grande (LCP)
• Primera demora de entrada (FID)
• Cambio de diseño acumulativo (CLS)

Google utiliza estas métricas para evaluar la calidad de la experiencia del usuario.

El análisis de la velocidad de la página es un aspecto importante del rendimiento del sitio que los administradores web y los SEO deben monitorear. En igualdad de condiciones, es más probable que una página se clasifique mejor en la página de resultados de Google si tiene mejores métricas de Core Web Vital.

Limitaciones con PageSpeed ​​Insights

Si bien es posible obtener datos de velocidad de página manualmente desde la herramienta PageSpeed ​​Insights de Google, esto tiene algunas limitaciones importantes:

• No escalable
  La herramienta examina una URL a la vez, lo que hace que la evaluación de varias URL lleve bastante tiempo.
  
• Métricas de un vistazo, no a lo largo del tiempo
  La herramienta proporciona una instantánea de las métricas de velocidad de la página. Esto hace que sea difícil medir las mejoras o disminuciones de la velocidad de la página a lo largo del tiempo. Del mismo modo, hace que sea difícil monitorear el impacto en las métricas de velocidad de la página a partir de las mejoras que realiza.
  
• No se pueden comparar las métricas con los competidores
  Debido a que solo puede probar una URL a la vez, tendría que ejecutar varias pruebas para comparar las métricas internas de velocidad de su página con las de la competencia. Incluso si lo hace, esto sería solo una instantánea, sesgada por las páginas que elija y el momento en que ejecuta su prueba.

La herramienta de velocidad de página móvil de Google tiene problemas similares.

El panel de monitoreo de Page Speed ​​de Ayima resuelve estos problemas.

¿Cómo funciona nuestro monitor de velocidad de página?

Nuestro panel de velocidad de página utiliza la API de estadísticas de velocidad de página de Google para analizar el rendimiento de muchas páginas en múltiples dominios.

Realizamos solicitudes de API para métricas de rendimiento de escritorio y móviles para una muestra de páginas internas (clientes) y de la competencia. Nuestros clientes tienen acceso directo a la lista de páginas rastreadas y pueden actualizarlas en cualquier momento simplemente actualizando una hoja de Google.

Para aquellos que son nerds de Python, o simplemente curiosos, este artículo se sumerge en cómo interactuamos con la API de Page Speed ​​Insights.

Nuestra aplicación realiza un seguimiento de los resultados de rendimiento en BigQuery. Esto nos permite medir e informar sobre los cambios en las métricas de velocidad de la página a lo largo del tiempo. Conectamos estos datos almacenados con Google Data Studio, donde construimos un tablero de velocidad de página que se adapta a las necesidades de cada cliente.

Tenemos la capacidad de resaltar sitios web de competidores específicos en cada tablero, así como URL y tipos de página. Esto hace que monitorear la velocidad de la página en su sitio sea increíblemente fácil.

Elementos centrales de nuestro monitor de velocidad de página

Nuestro panel de control de velocidad de la página proporciona una descripción completa del rendimiento de la velocidad de la página de un sitio web a lo largo del tiempo. También traza su desempeño en relación con sus competidores.

Recopilamos datos de dos fuentes: datos de campo y datos de laboratorio. Puede encontrar más información sobre estas métricas y lo que miden en la documentación de Google. También tenemos más información técnica sobre HTTP2 y la velocidad de la página.

• Datos de campo
  Captura datos de usuarios del mundo real. Esto nos permite identificar los cuellos de botella del mundo real.
  • Cambio de diseño acumulativo (CLS)
    Mide la estabilidad visual. Un CLS bajo garantiza que las interacciones de la página sean fluidas y sin retrasos.

• Primera demora de entrada (FID)
  Mide la capacidad de respuesta de la carga. Un FID bajo garantiza que la página sea utilizable y que los usuarios puedan interactuar con ella.

• Pintura con contenido más grande (LCP)
  Mide la velocidad de carga percibida. Un LCP rápido ayuda a asegurar a los usuarios que una página tiene suficiente contenido renderizado para interactuar con ella.

Primera pintura con contenido (FCP)
Mide la velocidad de carga percibida. Un FCP rápido ayuda a asegurar a los usuarios que algo está sucediendo.

Además de los Core Web Vitals mencionados anteriormente (LCP, FID y CLS), supervisamos una serie de otras métricas de nivel superior, que se enumeran a continuación:

• Datos de laboratorio
  Recopila datos de un entorno controlado. Esto permite obtener resultados reproducibles que pueden ser útiles para depurar problemas de rendimiento.
  • Puntuación de rendimiento
    Utiliza las métricas de datos de laboratorio de una página para proporcionar una puntuación resumida.

• Cambio de diseño acumulativo (CLS)

• Pintura con contenido más grande (LCP)

• Primera pintura con contenido (FCP)

• Índice de velocidad
  El índice de velocidad mide qué tan rápido se muestra visualmente el contenido durante la carga de la página

• Tiempo para Interactivo (TTI)
  Mide la capacidad de respuesta de la carga. Un TTI rápido significa que la página es rápidamente utilizable e interactiva

• Tiempo total de bloqueo (TBT)
  Mide la capacidad de respuesta total. Un TBT bajo significa que la página es utilizable y que los usuarios pueden interactuar con ella.

Información de nuestro rastreador de velocidad de página

Nuestro objetivo con Page Speed ​​Tracker es proporcionar información que la herramienta PageSpeed ​​Insights existente de Google no podía.

Queríamos la capacidad de rastrear métricas relevantes a lo largo del tiempo. Esto nos permitiría medir la efectividad de las iniciativas de velocidad de página o el impacto de algunos cambios en el sitio web.

Además, si solo actualizamos un determinado tipo de página, queríamos poder aislarlas en nuestro análisis. Del mismo modo, queríamos la capacidad de observar el rendimiento de tipos de dispositivos o países específicos si fuera necesario.

Todos estos fueron conocimientos que ayudarían a dar a nuestros clientes la ventaja. Esto les permitiría realizar cambios específicos para mejorar la velocidad de su propia página, tal como lo hicimos con nuestro propio sitio.

Medir el rendimiento de la velocidad de la página a lo largo del tiempo, a diferencia de una sola instantánea, nos permitiría determinar cuándo nos estamos moviendo en la dirección correcta. También nos mostraría exactamente cuánto estábamos moviendo la aguja.

También era importante que pudiéramos comparar el rendimiento del sitio con el de nuestros competidores. A veces, las métricas de velocidad de la página pueden parecer deficientes según el sistema de puntuación de Google. Pero, si la naturaleza de la industria requiere el uso de imágenes o videos grandes y de alta calidad, es importante que lo mostremos a través del análisis de la competencia. Un sitio web puede estar funcionando mal según Google pero bien en relación con los competidores, y viceversa.

La primera sección del tablero proporciona una descripción general de alto nivel de las métricas de velocidad de página de nuestro cliente en comparación con la competencia. Un gráfico de serie temporal nos permite comparar varias puntuaciones de velocidad de página con las de la competencia a lo largo del tiempo. Promediamos los datos de la competencia en varios sitios web para proporcionar una perspectiva de la industria sobre el rendimiento de la velocidad de la página. Por lo tanto, podemos monitorear el impacto de los cambios/migraciones del sitio en la velocidad del sitio.

Incluimos un desglose más granular de las métricas fundamentales de la web más abajo en el tablero. Del mismo modo, incluimos datos de la competencia en cada gráfico para proporcionar un punto de referencia.

Los filtros personalizados nos permiten analizar el rendimiento de un subconjunto de páginas, países y/o tipos de dispositivos, etc.

Una descripción general de KPI nos brinda métricas de datos de laboratorio y de campo de un vistazo. Una vez más, proporcionamos datos de la competencia para cada métrica, que toma el promedio de varios sitios web de la competencia.

Incluimos el cambio del promedio de 30 días para mostrar mejoras o disminuciones. La codificación por colores destaca áreas de mejora fácilmente identificables. Las métricas rojas son lo que Google considera deficientes y deben tener prioridad en cualquier esfuerzo de optimización. Las métricas naranjas son puntuaciones decentes y las métricas verdes son buenas puntuaciones.

Las secciones Tipo de página y País del panel de control desglosan las áreas del sitio web de nuestro cliente que necesitan mejoras. Estos muestran qué regiones y plantillas se han movido o no en la dirección correcta.

Una sección de desglose de competidores más completa le permite ver las métricas de velocidad de página en múltiples competidores. Esto le permite identificar qué sitios web de la competencia, en particular, están funcionando bien y podrían justificar una mayor investigación.

Si un competidor gana posiciones en las SERP, podemos mirar aquí para determinar si se correlaciona con un cambio positivo en las métricas de velocidad de la página. O, si un competidor rediseña su sitio web, podremos monitorear el impacto en la velocidad del sitio aquí.

Los gráficos de datos de campo muestran el porcentaje de usuarios que experimentan métricas rápidas, promedio y lentas. Los promedios semanales nos permiten ver las tendencias a lo largo del tiempo para determinar el impacto de los esfuerzos para mejorar las métricas de velocidad de la página.

Podemos hacer gráficos y tablas adicionales para satisfacer las necesidades de nuestros clientes.

Cómo configurarlo?

Ayima PageSpeed ​​Console es algo que proporcionamos a nuestros clientes de SEO, ya que nos ayuda a impulsar el rendimiento. Póngase en contacto con nosotros si tiene alguna pregunta o desea obtener más información, ¡nos encantaría saber de usted!