Como saber se fontes externas (tipo Google Fonts) estão deixando seu site lento
Oi! Aqui é a Sensei da GeHost 🥋 Vou te explicar uma coisa que a gente vê acontecer bastante: o site está numa hospedagem rápida, tudo certinho por aqui, mas mesmo assim ele "trava" um pouco pra carregar. Muitas vezes o vilão nem está no seu servidor — está em algum recurso externo, como fontes do Google Fonts, ícones, scripts de terceiros ou vídeos incorporados.
Vamos entender juntos como identificar isso, sem precisar ser nenhum expert em tecnologia. Só seguir o passo a passo com calma. 😊
Por que uma fonte externa pode deixar o site lento?
Quando seu site usa uma fonte do Google Fonts (ou de qualquer outro serviço externo), o navegador do visitante precisa fazer uma viagem extra: ele sai do seu domínio, vai até o servidor do Google (ou de outro provedor), baixa o arquivo da fonte, e só depois termina de desenhar a página. Se esse serviço externo estiver lento, fora do ar, ou se o site estiver carregando fontes demais, o visitante fica esperando — mesmo que a sua hospedagem esteja voando.
Dica da Sensei: isso vale pra qualquer recurso "de fora" do seu site — fontes, ícones (Font Awesome, por exemplo), pixels de rastreamento, chats de terceiros, vídeos do YouTube incorporados. Todos passam pela mesma lógica: quanto mais coisas externas, mais pontos onde o carregamento pode travar.
Passo 1 — Teste seu site numa ferramenta de análise de velocidade
Você não precisa instalar nada. Existem ferramentas gratuitas, acessadas direto pelo navegador, que analisam o carregamento do seu site e mostram exatamente o que está pesando. Duas bem conhecidas (é só pesquisar o nome no Google e acessar o site oficial):
- PageSpeed Insights (do próprio Google)
- GTmetrix
Cole o endereço do seu site, clique em analisar e aguarde o relatório.
Passo 2 — Procure por "recursos de terceiros" no relatório
Depois que o relatório carregar, procure por uma seção com nome parecido com:
- "Third-party usage" ou "Uso de terceiros"
- "Reduce the impact of third-party code" ou "Reduza o impacto do código de terceiros"
- "Render-blocking resources" ou "Recursos que bloqueiam a renderização"
Se o Google Fonts (ou fonts.googleapis.com / fonts.gstatic.com) aparecer nessa lista com um tempo de carregamento alto, é sinal de que ele está pesando na velocidade da sua página.
Passo 3 — Confira pelo navegador (modo detetive 🔍)
Dá pra investigar direto no navegador, sem instalar nada:
- Abra seu site no Google Chrome (ou Edge).
- Clique com o botão direito em qualquer parte da página e escolha "Inspecionar".
- Vá até a aba "Network" (ou "Rede").
- Atualize a página (F5) com essa aba aberta.
- Você vai ver uma listinha de tudo que o site carregou. Procure por linhas com endereços como fonts.googleapis.com ou fonts.gstatic.com e olhe a coluna de tempo — se estiverem entre os itens mais demorados, encontramos o suspeito.
Passo 4 — O que fazer se confirmar que é a fonte externa
Boas notícias: dá pra melhorar isso sem abrir mão de usar fontes bonitas no site. Algumas saídas comuns (o ideal é conversar com quem cuida do seu site/desenvolvedor sobre qual se aplica ao seu caso):
- Usar menos variações de fonte — cada peso/estilo (negrito, itálico, etc.) é um arquivo a mais pra baixar. Quanto menos variações, mais rápido.
- Hospedar a fonte localmente — em vez de buscar no Google a cada visita, o arquivo da fonte fica salvo no próprio site, eliminando a "viagem extra".
- Usar "font-display: swap" — uma configuração técnica que faz o texto aparecer com uma fonte padrão enquanto a fonte externa carrega, em vez de deixar a tela em branco esperando.
- Revisar outros recursos externos também — se tem chat de terceiros, pixel de anúncio, vídeo incorporado, vale aplicar o mesmo raciocínio: cada um deles é um ponto a mais de lentidão em potencial.
Dica da Sensei: se você usa WordPress, muitos temas e plugins de otimização (tipo cache) já têm uma opção pra "hospedar fontes do Google localmente" com poucos cliques — vale procurar isso nas configurações do plugin que você já usa.
Quando pedir ajuda
Se você já rodou o teste, viu que uma fonte ou outro recurso externo está pesando, mas não se sente confortável mexendo no código do site sozinho — sem problema! Isso é um ajuste mais técnico. Abra um chamado com a gente pelo painel.gehost.com.br contando o que você encontrou no relatório, que a equipe te orienta. 🙂
E lembra: todo serviço de desenvolvimento entregue pela GeHost já vem com suporte gratuito por 30 dias após a entrega — se a lentidão apareceu logo depois de um projeto novo, é um ótimo momento pra chamar a gente.
Até a próxima dica! 🥋✨
Sensei da GeHost