Presentamos Pagespeed Pal: Visualización de Core Web Vitals en Google Data Studio

Publicado: 2022-04-29

Como agencia de marketing digital de servicio completo, queríamos una manera de recopilar información rápida y fácilmente sobre Core Web Vitals para las URL de clientes y competidores que pudieran visualizarse de manera clara y concisa.

Después de echar un vistazo a las soluciones existentes, rápidamente nos dimos cuenta de que no había una herramienta que hiciera exactamente lo que queríamos.

Entonces, decidimos construirlo nosotros mismos. ¿La mejor parte? Es gratis, creado por especialistas en marketing digital, para especialistas en marketing digital.

¿Por qué son importantes los Core Web Vitals?

A partir de junio de 2021, Core Web Vitals se convirtió en un factor de clasificación oficial para su sitio. Si bien no es el mayor contribuyente, aún se ha vuelto cada vez más importante comprender cómo funciona su sitio web tanto en computadoras de escritorio como en dispositivos móviles, si desea tener la mejor oportunidad de que su sitio tenga una clasificación alta. ¿Cómo puedes hacer esto? Bueno, debe poder rastrear y monitorear las métricas de clasificación, como First Input Delay (FID), Cumulative Layout Shift (CLS) y Largest Contentful Paint (LCP) a lo largo del tiempo para identificar dónde podrían estar los problemas y cuantificar qué tan exitoso es su las soluciones implementadas son.

Presentamos Pagespeed Pal, una herramienta gratuita desarrollada por Semetrical, diseñada específicamente para cualquiera que busque rastrear, organizar y visualizar Core Web Vitals fácilmente.

Entonces, ¿qué es Pagespeed Pal?

Nuestra herramienta utiliza la API de Pagespeed Insights para extraer las siguientes métricas de campo, origen y laboratorio;

Sra. FCP – Campo
Sra. LCP – Campo
Sra. CLS – Campo
Sra. FID – Campo
FCP Ms – Origen
Sra. LCP – Origen
CLS Ms – Origen
Sra. FID – Origen
Puntuación de rendimiento: laboratorio
Sra. FCP – Laboratorio
Sra. LCP – Laboratorio
CLS-Laboratorio
Tiempo para la Sra. Interactiva - Laboratorio
Tiempo total de bloqueo Ms – Lab
Índice de velocidad Ms – Laboratorio
Tiempo hasta el primer byte Ms – Laboratorio
Sra. FID – Laboratorio

Ahora que hemos cubierto las métricas que Pagespeed Pal es capaz de extraer, cubramos rápidamente lo que nos dice cada métrica y describamos las principales diferencias entre los datos de campo, origen y laboratorio;

Definiciones de métricas

LCP = Esto mide el rendimiento de carga. Para proporcionar una buena experiencia de usuario, LCP debe ocurrir dentro de los 2,5 segundos desde que la página comienza a cargarse por primera vez.
CLS = Esto mide la estabilidad visual. Para proporcionar una buena experiencia de usuario, las páginas deben mantener un CLS inferior a 0,1.
FID = Esto mide la interactividad. Para brindar una buena experiencia de usuario, las páginas deben tener un FID de menos de 100 milisegundos.
FCP = Esto mide la velocidad de carga de la página, el tiempo desde que una página comienza a cargarse hasta que cualquier parte del contenido de esa página se muestra en la pantalla.
Time to Interactive = Una métrica de laboratorio que mide el tiempo desde que la página comienza a cargarse hasta que es completamente interactiva.
Tiempo total de bloqueo = Una métrica de laboratorio que mide el tiempo total en milisegundos entre la primera pintura con contenido (FCP) y el tiempo de interacción (TTI).
Índice de velocidad = Una métrica de laboratorio que mide la rapidez con la que el contenido de una página se completa visiblemente durante la carga de la página.
Tiempo hasta el primer byte = Una métrica de laboratorio que mide el tiempo entre que el navegador solicita una página y cuando recibe el primer byte de información del servidor.

Definiciones de tipos de datos

Datos de campo = Basado en visitas de usuarios reales, este es el puntaje específicamente relacionado con la URL proporcionada y es lo que Google tiene en cuenta al clasificar su página.
Datos de origen = Esta es una agregación de puntajes de todas las URL que se pueden medir en el sitio, lo que proporciona una indicación útil del rendimiento general del sitio.
Datos de laboratorio = Esto carga una página en un entorno controlado con un conjunto predefinido de condiciones de red y dispositivo.

Nos propusimos extraer los tres de estos tipos de datos para beneficiarnos de las diferentes perspectivas que cada uno tiene para ofrecer.

¿Cuántas URL puede obtener Pagespeed Pal y con qué frecuencia se actualizan?

Estos puntajes se actualizan diariamente mediante la API de Pagespeed Insights, por lo que nuestra herramienta solo los obtiene una vez al día y se ejecuta automáticamente para garantizar que las cosas se mantengan actualizadas; como usuario, puede programar cuándo ocurre esto a través del usuario. interfaz que se muestra a continuación.

Google establece límites en la cantidad de URL que se pueden ejecutar de forma programada diariamente.

Un usuario con una cuenta gratuita de Google puede programar alrededor de 35 URL antes de encontrar errores, mientras que un usuario con una cuenta de espacio de trabajo puede consultar alrededor de 100 URL.

Sin embargo, Google establece menos límites en la cantidad de URL que se ejecutan de inmediato. Hemos podido obtener con éxito datos de más de 1600 URL mediante el menú "Ejecutar consultas" con el menú adicional de Pagespeed Pal.

¿Cómo se presentan los datos brutos?

Para facilitar la elaboración de informes, estas puntuaciones se dividen por fecha, dispositivo, cliente, grupo de páginas y URL. Vea a continuación cómo se ve esto cuando se completa en Hojas de cálculo de Google.

El objetivo principal de este formato es agilizar la visualización de datos, de modo que se puedan crear fácilmente vistas poderosas dentro de Google Data Studio tanto para nuestros propios clientes como para las páginas de la competencia.

¿Cómo se ve esto cuando se visualiza?

Usando esta hoja de cálculo como una fuente de datos vinculada directamente a Data Studio, los datos se pueden visualizar de la siguiente manera;

Al agregar filtros basados en las dimensiones relevantes, como el cliente, las agrupaciones de páginas o las URL, se pueden evaluar con un alto grado de flexibilidad. Nos gusta usar la función de líneas de referencia para proporcionar umbrales para las métricas, lo que facilita la identificación del rendimiento general.

Esto es genial. ¿Cómo puedo usar Pagespeed Pal para informar?

Publicaremos Pagespeed Pal al público a través de Google Workspace Marketplace después de realizar algunos cambios finales en la herramienta y actualizaremos el blog una vez que esté disponible.

Cuando Pagespeed Pal se activa, la herramienta se puede agregar fácilmente a través de Google Workspace Marketplace. Una vez descargado, simplemente vaya a Hojas de cálculo de Google > Extensiones > Complementos. Le pedirá que descargue una clave API, que puede obtener siguiendo los pasos proporcionados. Una vez que haya adquirido esto, péguelo y estará listo para comenzar. Nuestro breve video a continuación demuestra cómo comenzar correctamente con la herramienta una vez instalada.

Si tienes alguna duda, ponte en contacto a través de nuestro formulario de contacto.