Seu site é lento no celular? Cinco sinais e o que fazer

Ninguém espera uma página carregar no 4G. Um site lento perde visitas antes de mostrar qualquer coisa, e quase sempre pelos mesmos motivos.

Estúdio Ariadne · 3 min de leitura

Neste texto 7 partes
  1. Como medir, em dois minutos
  2. Sinal 1: imagens pesadas
  3. Sinal 2: a página pula enquanto carrega
  4. Sinal 3: plugins e scripts que ninguém usa
  5. Sinal 4: fontes e vídeos no topo
  6. Sinal 5: hospedagem lenta
  7. Por onde começar

Em resumo

  • Meça no PageSpeed Insights, no celular.
  • Imagens pesadas são a causa mais comum. Depois vêm scripts que ninguém usa.
  • Se o servidor demora para responder, trocar a hospedagem pode ser a melhoria mais barata.

Velocidade é uma daquelas coisas que ninguém elogia, mas todo mundo percebe quando falta. No celular, com sinal instável, cada segundo a mais na tela em branco é uma chance de o visitante voltar para a busca e tocar no concorrente. A boa notícia: os motivos de um site lento costumam ser poucos e conhecidos.

#Como medir, em dois minutos

Abra o PageSpeed Insights, do Google, cole o endereço do site e veja o resultado no celular. Ele mostra as três métricas que o Google usa para medir a experiência de uma página, as Core Web Vitals:

  • LCP (maior conteúdo visível): quanto tempo o principal da tela leva para aparecer. O ideal é até 2,5 segundos.
  • INP (resposta a interações): quanto a página demora para reagir a um toque. O ideal é até 200 milissegundos.
  • CLS (estabilidade visual): o quanto a página “pula” enquanto carrega. O ideal é até 0,1.

#Sinal 1: imagens pesadas

É o motivo número um. Uma foto tirada no celular pode ter vários megabytes; no site, ela precisa ter o tamanho em que é exibida e um formato moderno, como WebP ou AVIF. Imagens que ficam mais abaixo na página devem carregar só quando o visitante chega nelas.

#Sinal 2: a página pula enquanto carrega

Você vai tocar num botão e ele muda de lugar porque uma imagem ou um anúncio apareceu em cima. Isso acontece quando o espaço de cada elemento não é reservado de antemão. Definir largura e altura das imagens resolve a maior parte dos casos.

#Sinal 3: plugins e scripts que ninguém usa

Chat, pop-up, pixel de rede social, carrossel, fonte extra: cada um acrescenta código que o celular precisa baixar e executar. Faça uma lista do que está instalado e remova o que não traz resultado. Muitas vezes o site fica mais rápido só com essa faxina.

#Sinal 4: fontes e vídeos no topo

Um vídeo de fundo na primeira tela pode ser bonito no computador e pesado demais no celular. Fontes personalizadas também custam: use poucas variações e deixe o texto aparecer mesmo antes de a fonte carregar.

#Sinal 5: hospedagem lenta

Se o servidor demora para responder, nada do que vem depois compensa. Hospedagens modernas entregam os arquivos a partir de servidores perto do visitante e respondem em milissegundos. Se o seu site está numa hospedagem antiga e compartilhada, trocar pode ser a melhoria mais barata que existe.

#Por onde começar

Meça, corrija as imagens, remova o que não é usado e meça de novo. Esses três passos resolvem a maior parte dos sites lentos. Se depois disso o site continuar pesado, é sinal de que o problema está na construção, e aí vale conversar sobre uma revisão técnica ou um redesign.

Continue lendo

Contato

Vamos construir o seu próximo site.

Conte o que você precisa. A gente responde com uma proposta, sem compromisso.

ou pressione Ctrl K para navegar pelo site

Esc
↑↓ navegar↵ abrir