Última actualización el 15 de junio de 2026 a las 07:13
¿Desea realizar un seguimiento de los tiempos de carga de las páginas de GA4? La falta de datos de «Velocidad del sitio» de GA4 puede confundir a los usuarios de Universal Analytics. GA4 no proporciona tiempos de página ni tiempos de carga de página. GA4 puede proporcionar mediciones del tiempo de carga. Utilicemos Google Tag Manager para registrar los tiempos de carga de las páginas en Google Analytics.
Para continuar, asegúrese de haber implementado Google Tag Manager (GTM) y de haber configurado una etiqueta de configuración GA4 en su contenedor GTM. Cabe señalar que la implementación de GA4 a través de GTM no es un requisito. Es posible supervisar la velocidad de la página a través de GTM en GA4, siempre que la etiqueta GA4 se haya instalado inicialmente de forma directa en el backend del sitio web.
Paso 1: Variable
Para acceder al backend de Tag Manager, vaya a https://tagmanager.google.com/ e inicie sesión. Proceda a acceder al segmento Variables situado en la parte izquierda. Para crear una nueva variable JavaScript personalizada, acceda a las Variables definidas por el usuario y seleccione el botón «Nueva».
Para configurar la variable, seleccione «Configuración de variables» y elija «JavaScript personalizado» como tipo de variable.
La variable puede renombrarse como «Tiempo de carga de la página» y el código puede incorporarse al JavaScript personalizado.
Código JavaScript personalizado:
function() {
if (window.performance && window.performance.getEntriesByType) {
var entries = window.performance.getEntriesByType("navigation");
if (entries.length > 0) {
var navTiming = entries[0];
var pageLoadTime = navTiming.loadEventEnd - navTiming.startTime;
return Math.round(pageLoadTime / 100) / 10;
}
}
}
Paso 2: Activadores
Para crear un nuevo activador, acceda a la sección «Activadores» y seleccione el botón «Nuevo».
Para configurar el activador, seleccione «Ventana cargada» en la categoría «Vista de página» tras hacer clic en «Configuración del activador».
El activador puede renombrarse como «Página cargada» y guardarse posteriormente.
Se creará un segundo disparador. La etiqueta de evento GA4 estará condicionada a un disparador que restringe su disparo a los casos en los que la variable JavaScript personalizada devuelva un valor mayor o igual que cero.
Para crear el segundo activador, acceda a la sección «Activadores» situada en la parte izquierda y seleccione el botón «Nuevo». Seleccione «Evento personalizado» como el tipo de activador requerido actualmente.
La configuración del «Evento personalizado» puede iniciarse pulsando sobre él. Se recomienda asignar el nombre del evento como un patrón de expresión regular «.*» y utilizar la concordancia regex. Elija «Algunos eventos personalizados» como opción de activación. Seleccione la métrica «Tiempo de carga de la página» previamente configurada y aplique la condición «menor que 0». Finalmente, el disparador puede renombrarse como «Tiempo de carga de página menor que 0» y guardarse.
Paso 3: Etiquetar
Una vez implementada la variable JavaScript personalizada para capturar el tiempo de carga de la página y configurados los activadores, el siguiente paso consiste en generar la etiqueta de evento GA4. La implementación de esta etiqueta facilitará la transmisión de los datos del tiempo de carga de la página a Google Analytics 4.
Para crear una nueva etiqueta, acceda a la sección «Etiquetas» y seleccione el botón «Nueva».
Para configurar la etiqueta, seleccione «Configuración de etiquetas» y elija «Google Analytics: Evento GA4» como tipo de etiqueta.
El paso inicial es seleccionar la etiqueta de configuración. La opción «ID no configurada manualmente» puede elegirse en caso de que la etiqueta GA4 se haya implementado directamente en el backend del sitio web en lugar de GTM. El ID de medida puede introducirse manualmente. El nombre del evento puede designarse como «page_load_time». El último paso consiste en introducir «loading_time_sec» en el campo «Parameter Name» y «{{Page Load Time}}» en el campo «Value».
Seleccione «Disparo» y designe la «Carga de Página» previamente establecida como los «Disparos». A continuación, seleccione el «Tiempo de carga de página inferior a 0′» que se estableció anteriormente como las «Excepciones».
Paso 4: Parámetros
Tras la creación del evento personalizado page_load_time, el siguiente paso es realizar el registro del parámetro loading_time_sec en GA4. Para realizar esta tarea es necesario acceder al permiso de edición o administrador en Google Analytics. Accediendo a la sección ‘Admin’ y seleccionando ‘Custom Definitions’ podremos generar una novedosa métrica personalizada que incorpore el valor del parámetro para su utilización en nuestros informes.
Paso 5: Probar y publicar
La medida concluyente implica evaluar la etiqueta, los activadores y la variable dentro de su contenedor GTM. La plataforma GA4 recibe el valor del tiempo de carga de la página.
Una vez completados los pasos necesarios, el contenedor puede publicarse. El tiempo de carga de la página se controlará en GA4 en adelante.
Paso 6: Uso de Looker Studio
Para comenzar, genere un informe y establezca una conexión entre su propiedad GA4 y Looker Studio. Proceda a generar una tabla e incorpore su dimensión preferida basada en páginas. Se utilizó la métrica «Page Path», aunque también hay opciones alternativas disponibles. Dos métricas potenciales a considerar son «Conteo de Tiempo de Carga de Página» y «Tiempo Promedio de Carga de Página».
Debe añadirse un filtro al gráfico para tener en cuenta los casos en los que se registraron páginas vistas sin que se disparara la etiqueta de tiempo de carga de la página. En caso de modificar el activador, se recomienda excluir el disparo en cada página, en caso de que se produzca un error o si el tiempo de carga de la página se evalúa como cero segundos o menos.
Se puede generar un filtro e implementarlo en el gráfico a través de Looker Studio.
Análisis de datos sobre el tiempo de carga de las páginas
Al realizar un análisis de los datos sobre el tiempo de carga de las páginas, conviene tener en cuenta los siguientes factores:
Realice un análisis para identificar las páginas web con tiempos de carga lentos. Identifique las páginas web que presentan tiempos de carga superiores a la duración media de su sitio web. Se recomienda optimizar estas páginas para mejorar la experiencia del usuario y minimizar las tasas de rebote.
Analizar las páginas con alto tráfico. Se recomienda priorizar los esfuerzos de optimización en las páginas web que presentan un alto volumen de tráfico, ya que suelen tener un efecto más pronunciado en el rendimiento general y la experiencia de usuario del sitio web.
Incorpore las opiniones de los usuarios al proceso de análisis. El análisis de las encuestas y los comentarios de los usuarios puede ayudar a identificar páginas o elementos concretos que podrían estar afectando negativamente a la experiencia del usuario debido a la lentitud de carga.
Recomendaciones para optimizar la velocidad de carga de las páginas
Las siguientes recomendaciones pueden aplicarse para mejorar los tiempos de carga de las páginas:
Realice la optimización de imágenes. Optimiza el tamaño de los archivos y selecciona el formato óptimo (como WebP, JPEG o PNG) en función del contenido y de la compatibilidad del navegador.
Optimizar el tamaño de los recursos mediante técnicas de minificación y compresión. Aplique técnicas de reducción del tamaño de los archivos, como la minificación de archivos HTML, CSS y JavaScript mediante la eliminación de caracteres redundantes. Además, utilice la compresión gzip para reducir aún más el tamaño de los archivos.
Optimizar el rendimiento de los sitios web mediante la aplicación de la caché del navegador. Defina protocolos de almacenamiento en caché que permitan a los navegadores web almacenar en caché y reutilizar recursos previamente obtenidos, reduciendo así la duración de la carga de las páginas.
Utilizar una red de distribución de contenidos (CDN). Las redes de distribución de contenidos (CDN) facilitan la distribución de contenidos entre varios servidores, mejorando así la accesibilidad de los usuarios en función de su ubicación geográfica.
Mediante el examen de las métricas de tiempo de carga de la página en Google Analytics y la aplicación de tácticas de optimización, es posible mejorar la funcionalidad del sitio web y mejorar la experiencia del usuario. Esto puede dar lugar a un mayor compromiso y tasas de conversión.