O problema que ninguém admite
Seu site está lento, os usuários abandonam, e o Google já deu o recado: velocidade é ranking. Olha, se você ainda acha que um tempo de carregamento de 5 segundos é aceitável, está na época dos dinossauros.
Diagnóstico rápido
Primeiro, abra o Chrome DevTools. Veja o Waterfall. Se imagens ocupam 70 % do tempo, tem algo errado. Se o JavaScript bloqueia a primeira pintura, seu site está chorando por ajuda. E, claro, o Core Web Vitals não mentem: LCP acima de 2,5 s, FID acima de 100 ms, CLS acima de 0,1 – sinal vermelho.
Os três vilões ocultos
Imagens não otimizadas, scripts carregados síncronos e CSS excessivo. Cada um deles pode transformar seu site em uma tartaruga.
O que fazer agora
Compressão automática de imagens? Sim, use WebP. Troque JPEG por WebP, redimensione ao tamanho real do contêiner. Resultado: até 60 % de redução.
Adie scripts. Use async ou defer. Não deixe o navegador esperar por código que só será usado depois da interação do usuário.
CSS crítico. Extraia o CSS acima da dobra, inline no . O resto pode ser carregado de forma assíncrona.
Ferramentas indispensáveis
PageSpeed Insights, Lighthouse, GTmetrix. Eles não são apenas números; são um mapa de tesouro. Cada ponto vermelho é um ponto de ação.
Implementação prática
Instale um plugin de otimização de imagens se usa WordPress. Se não, configure um pipeline de build que converta PNG/JPEG para WebP e minifique CSS/JS. Não tem tempo? Contrate um CDN que faça isso na borda.
Teste em dispositivos reais. Não confie só no desktop. Mobile é onde a maioria dos usuários cai.
Um caso real
Um cliente nosso tinha LCP de 4,2 s. Aplicamos WebP, defer nos scripts e movemos o CSS crítico. Resultado: LCP de 1,8 s, bounce rate caiu 30 %. O tráfego orgânico subiu 12 % em um mês.
Link útil
Para um passo a passo detalhado, confira https://apostasonlinedesport.com/site-name/.
Ação final
Aqui está o que você tem que fazer: escolha uma imagem, converta para WebP, aplique async nos scripts, e teste. Simples assim.