11 dicas para otimizar a velocidade de um site: guia prático
Velocidade de site é fator crítico para SEO e conversão. Neste guia, apresentamos 11 dicas práticas para otimizar a velocidade de um site, desde compactação de imagens até uso de CDN, com exemplos reais e critérios para cada ação.
Velocidade de site é fator crítico para SEO e conversão. Neste guia, apresentamos 11 dicas práticas para otimizar a velocidade de um site, desde compactação de imagens até uso de CDN, com exemplos reais e critérios para cada ação.
Velocidade de carregamento não é luxo, é pré-requisito para reter visitantes e ranquear bem no Google. Um site lento perde até 53% dos usuários móveis que abandonam após 3 segundos (Google, 2018). Abaixo, 11 dicas práticas para otimizar a velocidade de um site, organizadas do maior impacto ao menor. Cada uma inclui um critério concreto para você aplicar hoje.
1. Compacte imagens sem perder qualidade
Imagens respondem por mais de 50% do peso médio de uma página (HTTP Archive, 2024). Use formatos modernos como WebP ou AVIF, que reduzem o tamanho em até 30% comparado a JPEG/PNG, sem perda perceptível. Ferramentas como TinyPNG ou plugins como ShortPixel fazem isso automaticamente. Critério: cada imagem deve ter menos de 100 KB para uso em galerias.
2. Habilite cache do navegador
Quando um visitante retorna, o cache evita baixar de novo arquivos estáticos (CSS, JS, fontes). Configure cabeçalhos Cache-Control para definir prazos: um mês para assets que mudam pouco, uma semana para os mais dinâmicos. Critério: reduza o tempo de carregamento em visitas repetidas em pelo menos 40%.
3. Ative compressão Gzip ou Brotli
Arquivos de texto (HTML, CSS, JS) comprimem muito bem. Gzip reduz o tamanho em 70% em média; Brotli vai além, com 20% de ganho extra sobre Gzip. A maioria dos servidores web (Apache, Nginx) suporta nativamente. Critério: verifique com ferramentas como GTmetrix se a compressão está ativa, se não, ative no .htaccess ou configuração do servidor.
4. Minifique CSS, JavaScript e HTML
Espaços em branco, comentários e quebras de linha aumentam o peso do arquivo sem benefício. Minificação remove esses excessos. Use ferramentas como UglifyJS para JS e CSSNano para CSS, ou plugins de build como Webpack. Critério: reduza o tamanho total de assets em pelo menos 15%.
5. Implemente lazy loading para imagens e vídeos
Carregue apenas o que está visível na tela inicial. O resto só é baixado quando o usuário rola a página. O atributo nativo loading="lazy" em tags <img> e <iframe> já funciona em todos os navegadores modernos desde 2020. Critério: reduza o tempo de carregamento inicial em 30% em páginas com muitas mídias.
6. Use uma CDN (Content Delivery Network)
Uma CDN distribui seus arquivos estáticos por servidores geograficamente próximos ao visitante. Isso reduz a latência em até 50% para usuários distantes do servidor original. Serviços como Cloudflare, Fastly ou KeyCDN têm planos gratuitos. Critério: escolha uma CDN com nós no Brasil se seu público é local.
7. Reduza redirecionamentos
Cada redirecionamento (301, 302) adiciona uma viagem de ida e volta ao servidor, aumentando o tempo de carregamento. Elimine cadeias de redirecionamentos desnecessários, especialmente em links internos. Critério: mantenha zero redirecionamentos em páginas principais; no máximo um em páginas secundárias.
8. Otimize o servidor e o tempo de resposta (TTFB)
O tempo até o primeiro byte (TTFB) ideal é abaixo de 200 ms. Escolha uma hospedagem com boa infraestrutura, use PHP 8+ (que é 3x mais rápido que PHP 5), e considere cache de página inteira com Varnish ou Redis. Critério: um TTFB acima de 500 ms exige troca de servidor ou upgrade de plano.
9. Priorize o carregamento acima da dobra (critical CSS)
Extraia o CSS necessário para renderizar a parte visível da página e inline-o no <head>. O restante do CSS carrega de forma assíncrona. Ferramentas como Critical (Node.js) ou Penthouse automatizam isso. Critério: a primeira pintura com conteúdo (FCP) deve cair para menos de 1,5 segundo.
10. Use fontes modernas e carregamento otimizado
Fontes personalizadas podem bloquear a renderização. Prefira formatos WOFF2 (30% menor que WOFF), use font-display: swap para mostrar texto com fallback enquanto a fonte carrega, e considere fontes do sistema (como Inter ou Roboto) que já estão no dispositivo. Critério: evite mais de duas famílias de fontes por página.
11. Monitore métricas reais com Web Vitals
Só se melhora o que se mede. As Core Web Vitals, LCP (menos de 2,5s), FID (menos de 100ms) e CLS (menos de 0,1), são os indicadores oficiais do Google. Use ferramentas como PageSpeed Insights, Lighthouse ou o relatório de Web Vitals no Search Console. Critério: crie um alerta mensal para quando LCP ultrapassar 3 segundos.
Para começar, escolha duas ou três dicas que se encaixam no seu cenário atual. Se seu site tem muitas imagens, comece pela compactação e lazy loading. Se o servidor é lento, priorize cache e CDN. O importante é agir, um site 1 segundo mais rápido pode aumentar a taxa de conversão em até 7% (Akamai, 2017).
FAQ
Qual a ferramenta mais confiável para medir velocidade de site?
PageSpeed Insights (Google) e GTmetrix são as mais usadas. A primeira dá notas baseadas em dados de campo reais do Chrome User Experience Report; a segunda oferece simulações detalhadas. Use ambas para ter uma visão completa.
O que é mais importante: otimizar imagens ou usar CDN?
Depende do seu gargalo. Imagens são o maior peso em média, então comece por elas. Se seu público é global, uma CDN complementa bem. Em sites locais com servidor rápido, a CDN pode ser secundária.
Compressão Gzip afeta a qualidade do conteúdo?
Não, Gzip é compressão sem perdas para texto. O conteúdo permanece idêntico após descompressão pelo navegador. Imagens e vídeos não se beneficiam de Gzip, para eles, use formatos como WebP.
Lazy loading funciona para todos os navegadores?
O atributo loading="lazy" é suportado em Chrome, Firefox, Edge e Safari (desde 2021). Para navegadores antigos (IE11), use uma polyfill como lazysizes.js como fallback.
Redirecionamentos afetam SEO além da velocidade?
Sim. Cada redirecionamento dissipa parte do valor dos links (link juice) e pode confundir o rastreador do Google. Evite cadeias com mais de um redirecionamento para preservar autoridade de página.
Como saber se meu servidor é o problema?
Meça o TTFB com ferramentas como WebPageTest. Se o TTFB ultrapassar 500 ms mesmo com cache e otimizações, o servidor é o gargalo. Considere migrar para uma hospedagem com SSD e suporte a HTTP/2.
Patrícia Lemos
Especialista em dados e analytics
Transforma painel cheio de número em decisão. Cuida de mensuração, dashboard e a métrica que de fato move o negócio.
Ver todos os artigos →