Última atualização em 15 de junho de 2026 às 09:32
Você gostaria de rastrear os tempos de carregamento de página do GA4? A falta de dados de “Velocidade do site” do GA4 pode confundir os usuários do Universal Analytics. O GA4 não fornece tempo de página ou tempos de carregamento de página. O GA4 pode fornecer medições de tempo de carregamento. Vamos usar o Google Tag Manager para registrar os tempos de carregamento da página no Google Analytics.
Para prosseguir, verifique se você implementou o Google Tag Manager (GTM) e definiu uma tag de configuração do GA4 no seu contêiner do GTM. Deve-se observar que a implementação do GA4 por meio do GTM não é um requisito. É possível monitorar a velocidade da página por meio do GTM no GA4, desde que a tag do GA4 tenha sido inicialmente instalada diretamente no back-end do site.
Etapa 1: Variável
Para acessar o backend do Tag Manager, navegue até https://tagmanager.google.com/ e faça login. Prossiga para acessar o segmento Variables (Variáveis) localizado no lado esquerdo. Para criar uma nova variável JavaScript personalizada, acesse User-Defined Variables (Variáveis definidas pelo usuário) e selecione o botão “New” (Novo).
Para configurar a variável, selecione “Variable Configuration” (Configuração de variável) e opte por “Custom JavaScript” (JavaScript personalizado) como o tipo de variável.
A variável pode ser renomeada como “Page Load Time” (Tempo de carregamento da página) e o código pode ser incorporado ao 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;
}
}
}
Etapa 2: Acionadores
Para criar um novo acionador, acesse a seção “Triggers” (Acionadores) e selecione o botão “New” (Novo)
Para configurar o acionador, selecione “Window Loaded” (Janela carregada) na categoria “Page View” (Exibição de página) depois de clicar em “Trigger Configuration” (Configuração do acionador).
O acionador pode ser renomeado como “Page Loaded” (Página carregada) e posteriormente salvo.
Um segundo acionador será criado. A tag de evento GA4 será condicionada a um acionador que restringe seu disparo aos casos em que a variável JavaScript personalizada retorna um valor maior ou igual a zero.
Para criar o segundo acionador, acesse a seção “Tiggers” localizada no lado esquerdo e selecione o botão “New” (Novo). Selecione “Custom Event” (Evento personalizado) como o tipo de acionador necessário no momento.
A configuração do “Custom Event” pode ser iniciada clicando nele. Recomenda-se atribuir o nome do evento como um padrão de expressão regular “.*” e utilizar a correspondência regex. Escolha “Some Custom Events” (Alguns eventos personalizados) como opção de acionamento. Selecione a métrica “Page Load Time” configurada anteriormente e aplique a condição “menor que 0”. Por fim, o acionador pode ser renomeado como “Page Load Time Less Than 0” (Tempo de carregamento da página menor que 0) e salvo.
Etapa 3: Etiqueta
Com a variável JavaScript personalizada implementada para capturar o tempo de carregamento da página e os acionadores configurados, a próxima etapa é gerar a tag de evento GA4. A implementação dessa tag facilitará a transmissão dos dados de tempo de carregamento da página para o Google Analytics 4.
Para criar uma nova tag, acesse a seção “Tags” e selecione o botão “New” (Novo).
Para configurar a tag, selecione “Tag Configuration” (Configuração da tag) e opte por “Google Analytics: GA4 Event” como o tipo de tag.
A etapa inicial é selecionar a tag de configuração. A opção “None-Manually Set ID” pode ser escolhida caso a tag GA4 tenha sido implementada diretamente no backend do site em vez de no GTM. A ID de medição pode ser inserida manualmente. O nome do evento pode ser designado como “page_load_time”. A etapa final implica inserir “loading_time_sec” no campo “Parameter Name” (Nome do parâmetro) e “{{Page Load Time}}” no campo “Value” (Valor).
Selecione “Triggering” (Acionamento) e designe o “Page Load” (Carregamento de página) previamente estabelecido como o “Firing Triggers” (Acionadores de disparo). Em seguida, selecione o “Page Load Time Less Than 0′” (Tempo de carregamento da página menor que 0) que foi definido anteriormente como “Exceptions” (Exceções).
Etapa 4: Parâmetro
Após a criação do evento personalizado page_load_time, a próxima etapa é realizar o registro do parâmetro loading_time_sec no GA4. Para realizar essa tarefa, é necessário ter acesso à permissão de edição ou de administrador no Google Analytics. Acessar a seção “Admin” e selecionar “Custom Definitions” nos permitirá gerar uma nova métrica personalizada que incorpora o valor do parâmetro para utilização em nossos relatórios.
Etapa 5: Teste e publique
A medida conclusiva envolve a avaliação da tag, dos acionadores e da variável em seu contêiner GTM. A plataforma GA4 está recebendo o valor do tempo de carregamento da página.
Após a conclusão das etapas necessárias, o contêiner pode ser publicado. O tempo de carregamento da página será monitorado no GA4 daqui para frente.
Etapa 6: Usando o Looker Studio
Para começar, gere um relatório e estabeleça uma conexão entre sua propriedade GA4 e o Looker Studio. Continue gerando uma tabela e incorporando sua dimensão preferida com base nas páginas. A métrica “Caminho da página” foi utilizada, embora opções alternativas também estejam disponíveis. Duas métricas potenciais a serem consideradas são “Count Page Load Time” e “Average Page Load Time”.
Um filtro deve ser adicionado ao gráfico para considerar os casos em que as exibições de página foram registradas sem que a tag de tempo de carregamento da página fosse acionada. No caso de modificação do acionador, recomenda-se excluir o disparo em cada página, no caso de ocorrência de erro ou se o tempo de carregamento da página for avaliado como zero segundos ou menos.
Um filtro pode ser gerado e implementado no gráfico por meio do Looker Studio.
Análise de dados de tempo de carregamento da página
Ao realizar uma análise dos dados de tempo de carregamento da página, é recomendável levar em conta os seguintes fatores:
Realizar uma análise para identificar páginas da Web com tempos de carregamento lentos. Identifique as páginas da Web que apresentam tempos de carregamento superiores à duração média de seu site. Recomenda-se otimizar essas páginas para aprimorar a experiência do usuário e minimizar as taxas de rejeição.
Analisar páginas com alto tráfego. Recomenda-se priorizar os esforços de otimização nas páginas da Web que apresentam alto volume de tráfego, pois elas tendem a ter um efeito mais pronunciado no desempenho geral e na experiência do usuário do site.
Incorpore o feedback do usuário no processo de análise. A análise das pesquisas e do feedback dos usuários pode ajudar na identificação de páginas ou elementos específicos que possam estar afetando negativamente a experiência do usuário devido a tempos de carregamento lentos.
Recomendações para otimizar a velocidade de carregamento da página
As recomendações a seguir podem ser implementadas para melhorar o tempo de carregamento da página:
Execute a otimização da imagem. Otimize o tamanho dos arquivos e selecione o formato ideal (como WebP, JPEG ou PNG) com base no conteúdo e na compatibilidade do navegador.
Otimizar o tamanho dos recursos por meio de técnicas de minificação e compactação. Aplique técnicas de redução de tamanho de arquivo, como a minificação de arquivos HTML, CSS e JavaScript, eliminando caracteres redundantes. Além disso, utilize a compactação gzip para diminuir ainda mais o tamanho dos arquivos.
Otimize o desempenho do site implementando o cache do navegador. Defina protocolos de armazenamento em cache para permitir que os navegadores da Web armazenem em cache e reutilizem recursos obtidos anteriormente, diminuindo assim a duração do carregamento subsequente da página.
Utilize uma rede de distribuição de conteúdo (CDN). As redes de distribuição de conteúdo (CDNs) facilitam a distribuição de conteúdo em vários servidores, melhorando assim a acessibilidade do usuário com base em sua localização geográfica.
Por meio da análise das métricas de tempo de carregamento da página no Google Analytics e da implementação de táticas de otimização, é possível melhorar a funcionalidade do site e aprimorar a experiência do usuário. Isso pode resultar em maior envolvimento e taxas de conversão.