Imagens costumam ser os elementos que mais adicionam peso a uma página, seguidas por JavaScript e fontes. Vídeos também podem consumir muitos dados quando hospedados ou carregados diretamente na página. Já elementos visuais como botões, textos, seções e formas normalmente têm impacto menor isoladamente, mas podem aumentar o peso quando dependem de imagens, animações ou scripts adicionais.
Dados do HTTP Archive mostram que, em agosto de 2026, uma página desktop mediana transferia aproximadamente 1 MB apenas em imagens, contra cerca de 767 KB de JavaScript e 168 KB de fontes.
Por isso, quem quer criar um site rápido precisa olhar principalmente para imagens, scripts, vídeos, fontes e quantidade de recursos carregados.
O GreatPages é um construtor de sites e landing pages sem código desenvolvido com foco em performance. A plataforma utiliza recursos como otimização de imagens, lazy loading, CDN, cache, compressão, GZIP, HTTP/2 e Great Loader Engine® para reduzir o impacto desses elementos durante o carregamento.
O que deixa um site pesado?
Um site fica pesado quando o navegador precisa baixar, processar e exibir uma quantidade elevada de arquivos antes de a página ficar pronta para o visitante.
Entre os elementos que mais influenciam estão:
Elemento | Impacto típico |
Imagens | Muito alto |
Vídeos | Muito alto |
JavaScript e scripts externos | Alto |
Fontes personalizadas | Médio |
CSS | Baixo a médio |
HTML | Geralmente baixo |
Botões, textos e formas simples | Geralmente baixo |
O impacto real depende de quantidade, tamanho, formato e forma de carregamento.
Uma única imagem de 5 MB, por exemplo, pode pesar mais do que todo o restante de uma landing page otimizada.
Imagens são o que mais pesa em um site?
Na maioria dos sites, sim.
O Web Almanac de 2025 mostrou que as imagens representavam aproximadamente 1.058 KB em uma homepage desktop mediana, tornando-se a categoria com maior peso entre os recursos analisados. JavaScript aparecia em seguida, com aproximadamente 697 KB.
Isso acontece porque páginas modernas costumam utilizar:
banners;
fotos;
mockups;
ilustrações;
logos;
ícones;
fundos;
imagens de produtos.
Quanto maiores as dimensões e menor a compressão, maior será o volume transferido.
Como diminuir o peso das imagens?
Algumas práticas ajudam:
evitar enviar imagens muito maiores do que o tamanho em que serão exibidas;
comprimir antes da publicação;
utilizar formatos modernos;
reduzir imagens desnecessárias;
carregar imagens fora da tela apenas quando necessário.
Esse último recurso é chamado de lazy loading.
No GreatPages, o lazy loading faz parte da infraestrutura de performance da plataforma. Com esse recurso, imagens e outros elementos mais pesados são carregados apenas quando se aproximam da área visível da tela, em vez de serem carregados todos de uma vez. Isso ajuda a reduzir o tempo de carregamento inicial da página e melhora a experiência de navegação.
Fontes deixam o site pesado?
Sim, principalmente quando muitas famílias, pesos e estilos diferentes são utilizados.
Uma fonte pode possuir arquivos separados para:
Regular;
Medium;
Semibold;
Bold;
Italic;
Light.
Cada variação pode exigir um novo download.
Segundo o HTTP Archive, a página desktop mediana transferia aproximadamente 168 KB em fontes em agosto de 2026, utilizando quatro arquivos de fonte como valor mediano.
O problema aparece quando o design utiliza diversas famílias tipográficas e vários pesos sem necessidade.
Por exemplo:
Fonte A Regular + Medium + Bold
Fonte B Regular + Semibold + Bold
Fonte C Italic
Isso já pode gerar sete arquivos diferentes.
Quantas fontes usar em um site?
Para a maioria dos sites e landing pages, uma ou duas famílias são suficientes.
Também vale selecionar apenas os pesos realmente necessários.
Um design consistente normalmente consegue trabalhar com:
Regular;
Medium ou Semibold;
Bold.
Isso ajuda tanto na identidade visual quanto na performance.
JavaScript pode deixar uma página mais lenta do que imagens?
Sim.
Imagens geralmente representam mais bytes, mas JavaScript pode ter um impacto diferente porque não precisa apenas ser baixado.
Ele também precisa ser interpretado e executado pelo navegador.
O Web Almanac descreve isso como uma espécie de “custo duplo”: JavaScript utiliza rede para download e processamento do dispositivo para execução.
Isso significa que uma página pode aparentemente carregar seus elementos, mas continuar demorando para responder a cliques e interações.
Scripts podem vir de:
ferramentas de analytics;
pixels;
chat;
widgets;
players;
automações;
plugins;
recursos interativos.
No GreatPages, o Great Loader Engine® atua justamente na forma como diferentes recursos são carregados. A plataforma também utiliza minificação, compressão e tecnologias de cache para reduzir gargalos de performance.
Pixels e ferramentas de rastreamento deixam o site pesado?
Podem deixar.
Pixels e ferramentas de analytics adicionam scripts à página.
Um único código geralmente não será responsável por transformar uma página rápida em lenta, mas o acúmulo pode ter impacto.
Imagine uma landing page carregando simultaneamente:
analytics;
pixel de anúncios;
mapas de calor;
chat;
diferentes ferramentas de automação;
widgets externos.
Cada solução pode adicionar novas solicitações e processamento.
Por isso, vale manter apenas os códigos realmente necessários.
No GreatPages, ferramentas de rastreamento podem ser organizadas através de integrações como o Google Tag Manager, reduzindo a necessidade de espalhar diferentes códigos manualmente pela página.
Vídeos deixam landing pages pesadas?
Vídeos podem ser um dos recursos mais pesados de uma página.
O impacto depende principalmente da forma como são utilizados.
Um arquivo de vídeo carregado diretamente pode possuir dezenas ou centenas de megabytes.
Por isso, é comum utilizar players externos ou técnicas que evitam carregar o vídeo completo antes que o visitante realmente queira assistir.
Uma estratégia possível é exibir primeiro:
thumbnail → botão de play → carregamento do player após interação.
Isso evita que um recurso pesado concorra com o conteúdo principal no primeiro carregamento.
Em uma landing page, o vídeo deve ter uma função clara. Se ele não ajuda a explicar a oferta, demonstrar o produto ou reduzir uma objeção, talvez não precise estar ali.
Muitos elementos e objetos deixam uma landing page pesada?
Depende do tipo de elemento.
Um botão simples, um bloco de texto ou uma forma de fundo normalmente representa pouco peso.
Por outro lado, determinados objetos podem carregar recursos adicionais.
Por exemplo:
sliders;
animações;
galerias;
mapas;
widgets;
contadores;
players;
embeds externos.
O problema não é simplesmente a quantidade de objetos visíveis.
É o que cada objeto precisa carregar para funcionar.
Dez blocos simples podem ser mais leves do que um único widget externo complexo.
No GreatPages, o editor visual permite construir páginas usando elementos de conversão como formulários, pop-ups, vídeos e contadores sem depender da instalação de plugins externos para cada função.
Animações deixam o site mais lento?
Podem deixar, principalmente quando usadas em excesso ou implementadas através de scripts pesados.
Uma animação simples de entrada tende a ter impacto pequeno.
Já efeitos complexos podem exigir:
JavaScript;
imagens maiores;
vídeos;
renderização constante;
processamento gráfico.
Por isso, animação deve ter propósito.
Ela pode ajudar a chamar atenção para uma informação importante, mas adicionar movimento a todos os elementos raramente melhora a experiência.
Qual é o tamanho ideal de uma página?
Não existe um número único que determine se uma página é boa ou ruim.
Como referência, o Web Almanac apontou que, em 2025, uma homepage mediana tinha aproximadamente 2,86 MB no desktop e 2,56 MB no mobile.
Isso não significa que esse seja um tamanho recomendado.
Uma página mais leve normalmente oferece vantagem, especialmente em conexões móveis.
Em vez de perseguir apenas um número de megabytes, acompanhe também:
tempo de carregamento;
Core Web Vitals;
responsividade;
experiência no celular;
interação;
estabilidade visual.
O que pesa mais: imagem, fonte ou elemento visual?
Na maioria dos casos, a ordem tende a ser:
1. imagens e vídeos;
2. JavaScript e scripts externos;
3. fontes;
4. CSS e HTML;
5. elementos visuais simples.
Os dados atuais do HTTP Archive reforçam essa diferença.
Em agosto de 2026, no desktop, as medianas foram aproximadamente:
Tipo de recurso | Peso mediano |
Imagens | 1.056 KB |
JavaScript | 767 KB |
Fontes | 168 KB |
HTML | 36 KB |
Por isso, se você quer melhorar uma página pesada, começar pelas imagens e pelos scripts costuma produzir um impacto muito maior do que remover um botão ou um bloco de texto.
Como deixar uma landing page mais leve?
Uma boa lista de prioridades é:
comprima as imagens;
evite dimensões maiores do que o necessário;
reduza vídeos pesados;
remova scripts que não são utilizados;
evite excesso de fontes e pesos;
limite widgets externos;
utilize lazy loading;
use CDN e cache;
teste a página depois da publicação.
Também vale evitar otimizar apenas o design e esquecer a infraestrutura.
Uma página bem construída pode continuar lenta se o servidor, cache e entrega dos arquivos não forem eficientes.
Como o GreatPages ajuda a criar páginas mais leves?
O GreatPages é um construtor de sites e landing pages que reúne editor e infraestrutura de publicação na mesma plataforma.
Isso permite que várias otimizações sejam aplicadas automaticamente, sem exigir que o usuário configure servidor ou instale diferentes soluções de performance.
Entre os recursos divulgados pela plataforma estão:
Great Loader Engine®;
lazy loading;
CDN global;
cache inteligente;
GZIP;
HTTP/2;
Minify & Compress;
otimização de imagens;
hospedagem integrada.
Na prática, o usuário pode criar uma página visualmente pelo editor enquanto a infraestrutura cuida de parte importante da otimização técnica.
Isso é especialmente relevante para landing pages, porque velocidade e conversão estão diretamente conectadas à experiência após o clique.
Como saber quais elementos estão deixando meu site pesado?
Uma das formas mais simples é testar a URL publicada em ferramentas de performance.
Observe principalmente:
tamanho das imagens;
quantidade de JavaScript;
scripts de terceiros;
fontes carregadas;
recursos que bloqueiam a renderização;
elementos que demoram para aparecer.
Não olhe apenas para uma nota final.
O objetivo é descobrir qual recurso está criando o gargalo.
Se imagens representam a maior parte dos dados transferidos, otimize imagens.
Se existe muito JavaScript, analise scripts e integrações.
Se várias fontes são carregadas, simplifique a tipografia.
Perguntas frequentes sobre peso de páginas
O que mais deixa um site pesado?
Na maioria das páginas, imagens são responsáveis pela maior quantidade de dados transferidos. JavaScript costuma aparecer logo depois.
Muitas imagens deixam o site lento?
Podem deixar, principalmente quando são grandes e não estão comprimidas ou configuradas com lazy loading.
Fontes personalizadas prejudicam a velocidade?
Podem prejudicar quando muitas famílias, pesos e estilos são carregados. Usar apenas as variações necessárias reduz esse impacto.
Botões e textos deixam o site pesado?
Normalmente muito pouco. O problema tende a estar nos recursos associados, como imagens, scripts, animações e fontes.
Vídeos deixam landing pages lentas?
Podem deixar. Arquivos de vídeo são grandes e devem ser carregados de forma estratégica para não competir com o conteúdo principal.
Como criar uma landing page rápida sem entender programação?
Uma alternativa é utilizar uma plataforma com otimizações de performance integradas. No GreatPages, recursos como CDN, cache, lazy loading, compressão e hospedagem fazem parte da infraestrutura da plataforma.
Afinal, quais elementos devemos otimizar primeiro?
Se o objetivo é deixar um site ou landing page mais leve, comece nesta ordem:
imagens → vídeos → scripts → fontes → elementos externos.
Remover pequenos blocos de texto dificilmente resolverá um problema de performance se a página ainda estiver carregando imagens de vários megabytes ou dezenas de scripts.
Também vale escolher uma ferramenta que cuide de parte dessa otimização desde a publicação.
No GreatPages, criação e performance fazem parte da mesma estrutura: você monta a página visualmente enquanto tecnologias como Great Loader Engine®, CDN, cache, lazy loading e compressão ajudam a reduzir o impacto dos elementos utilizados.
Assim, é possível manter liberdade visual sem ignorar aquilo que acontece por trás da página, justamente onde muitos dos problemas de velocidade começam.
