No Hotjar, levamos o desempenho do site muito a sério e fazemos tudo o que podemos para otimizar tudo no processo. Neste artigo, abordamos perguntas comuns sobre o Hotjar e o desempenho do site:
- Como o script do Hotjar afeta o carregamento da página?
- O Hotjar pode afetar o desempenho do meu site?
- Por que o teste de velocidade da página do Google me diz que meu site está lento com o Hotjar?
- Opções para melhorar o SEO e reduzir o impacto potencial na velocidade do site
Como o Hotjar afeta o carregamento da página?
Tomamos todas as medidas necessárias para garantir a entrega rápida de nosso serviço em seus sites com o menor impacto possível. Veja como:
-
O script é carregado de forma assíncrona.
O script do Hotjar não impede que seu site carregue seus ativos porque o script é carregado de forma assíncrona.
-
Usamos uma Rede de Distribuição de Conteúdo (CDN) para servir o script do Hotjar.
Um sistema de servidores estrategicamente posicionados ao redor do mundo serve o script do Hotjar em vez de um único local. Usar um CDN permite que o script do Hotjar seja carregado mais rapidamente por seus usuários, oferecendo uma disponibilidade muito melhor. Atualmente, temos uma média global de 130 - 200ms.
-
O script faz uso adequado do cache do navegador.
Embora o script seja carregado de forma assíncrona, é importante carregar e executar o script o mais rápido possível ao rastrear usuários. Fazemos isso aproveitando ao máximo o cache do navegador e carregando dois arquivos separados que são recarregados pelos navegadores em intervalos diferentes ou quando são alterados.
O Hotjar pode afetar o desempenho do meu site?
Uma vez que cada trecho de código JavaScript adicionado pode afetar seu site de alguma forma, não podemos garantir que seu site não será afetado de forma alguma. No entanto, o script do Hotjar é projetado para ter um impacto mínimo no desempenho do seu site. Isso ocorre principalmente porque o rastreamento de uso do Hotjar para Recordings e Heatmaps só funciona em navegadores modernos, que executam JavaScript de forma eficiente.
Em termos de rastreamento de uso, o Hotjar faz principalmente duas coisas separadas:
- Em intervalos curtos regulares, a cada 100ms ou dez vezes por segundo, a posição do cursor e a posição de rolagem são registradas. Os cliques são registrados quando ocorrem, capturando a posição do cursor em relação ao elemento clicado. Essas funções não afetam a experiência do usuário, pois capturam apenas a localização do ponteiro quando um clique ocorre ou a cada 100ms. Os eventos são enviados para os servidores do Hotjar por meio de frames dentro do WebSocket. Este método é mais eficiente do que enviar solicitações XHR em intervalos regulares.
- Para Recordings, as alterações na página são capturadas usando a API MutationObserver, que já está incluída em todos os navegadores modernos. Isso torna eficiente, uma vez que a própria alteração já está ocorrendo na página. A API MutationObserver do navegador nos permite registrar essa alteração, que então analisamos e enviamos por meio do WebSocket.
Por que meu teste de velocidade da página me diz que meu site está lento com o Hotjar?
Testes como o PageSpeed do Google podem dizer muito sobre como sua página é carregada. Reconhecemos a importância de entender e otimizar o carregamento da página dessa forma. É essencial entender o que esses relatórios dizem e o que é ou não um problema que precisa ser resolvido.
Se precisarmos revisar a velocidade da sua página, nossa equipe de suporte usará webpagetest.org. Os relatórios do webpagetest.org mostrarão quando a página estava interativa para os usuários e quando o carregamento do documento foi concluído. Aqui está um exemplo de uma página sem o código de rastreamento do Hotjar.
Esta página é interativa por volta de 0,4 segundos e completa o carregamento em cerca de 1 segundo.
Abaixo está a mesma página com o Código de Rastreamento do Hotjar adicionado:
A página é interativa em pouco mais de 0,4 segundos e completa o carregamento em pouco menos de 1,3 segundos. Neste caso, podemos ver que a inicialização do Hotjar teve um impacto mínimo na página sendo utilizável (cerca de 0,01 segundos) e adicionou cerca de 0,3 segundos à conclusão geral da página.
O script do Hotjar carrega de forma assíncrona em duas partes, sendo a primeira parte contendo as configurações para o seu site. Na imagem acima, isso carrega no passo 3. O restante do conteúdo do site então carrega nos passos 4-6, antes do script do Hotjar retomar o download no passo 7.
Quando ferramentas como o Google Page Speed Test medem um site com o Hotjar instalado, eles incluem o tempo que o Hotjar leva para solicitar o lote completo de módulos de nossos servidores, e o tempo que começamos a enviar os dados de volta. Isso é uma imagem imprecisa da velocidade do seu site porque seu site já terá terminado de carregar e o Hotjar está apenas enviando dados analíticos.
Opções para melhorar o SEO e reduzir o impacto potencial na velocidade do site
Uma maneira de reduzir qualquer impacto potencial que o Hotjar tenha em sua pontuação de SEO e na velocidade do site é atrasar o carregamento do Hotjar. Você pode fazer isso usando a função de temporizador do GTM ou carregando o Hotjar apenas quando o usuário interagir com a página, como clicando ou rolando.
Outra opção é carregar o Hotjar após o evento "DOM Interativo" em seu site ter ocorrido. Este método garante que a maior parte do Javascript de uma página necessário para ativos críticos estará completa, e o Hotjar poderá armazenar em cache o conteúdo que pode ver sem impactar o desempenho do site.
Essas opções devem ser avaliadas e implementadas por seus desenvolvedores/equipe e não podem ser implementadas pelo Suporte do Hotjar.