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 tempo de carregamento da página?
- O Hotjar pode afetar o desempenho do meu site?
- Por que o teste de velocidade do Google Page Speed 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 tempo de 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. O uso de uma CDN permite que o script do Hotjar seja carregado mais rapidamente pelos usuários, oferecendo uma disponibilidade muito melhor. Atualmente, temos uma média de 130 - 200ms globalmente.
-
O script faz uso adequado do cache do navegador.
Embora o script seja carregado de forma assíncrona, ainda é importante carregar e executar o script o mais rápido possível ao rastrear os 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?
Como 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 maneira alguma. No entanto, o script do Hotjar foi projetado para ter um impacto mínimo no desempenho do seu site. Isso ocorre principalmente porque o rastreamento de uso do Hotjar para Gravações e Mapas de Calor 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 ocorre um clique ou a cada 100ms. Os eventos são enviados para os servidores do Hotjar por meio de frames dentro do WebSocket. Esse método é mais eficiente do que enviar solicitações XHR em intervalos regulares.
- Para Gravações, 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, pois a própria alteração já está acontecendo na página. A API MutationObserver do navegador nos permite registrar essa alteração, que é então analisada e enviada por meio do WebSocket.
Por que o teste de velocidade da minha página me diz que meu site está lento com o Hotjar?
Testes como o PageSpeed do Google podem fornecer muitas informações sobre como sua página é carregada. Reconhecemos a importância de entender e otimizar o carregamento da página dessa maneira. É 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 em cerca de 0,4 segundos e conclui 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 conclui 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 usabilidade da página (cerca de 0,01 segundos) e adicionou cerca de 0,3 segundos à conclusão geral da página.
O script do Hotjar é carregado de forma assíncrona em duas partes, sendo que a primeira parte contém as configurações para o seu site. Na imagem acima, isso é carregado na etapa 3. O restante do conteúdo do site é carregado nas etapas 4-6, antes que o script do Hotjar retome o download na etapa 7.
Quando ferramentas como o Google Page Speed Test medem um site com o Hotjar instalado, elas incluem o tempo que o Hotjar leva para solicitar o lote completo de módulos de nossos servidores e o tempo em 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 possa ter na pontuação de SEO e na velocidade do seu site é atrasar o carregamento do Hotjar. Você pode fazer isso usando a função de temporizador do GTM timer function 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 Interactive" ter ocorrido em seu site. Este método garante que a maior parte do Javascript de uma página necessário para ativos críticos esteja completo e que o Hotjar possa armazenar em cache o conteúdo que pode ver sem afetar 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.