Estimador do tamanho total de uma página web
Estime online e grátis o tamanho total de transferência da sua página web a partir do seu HTML, CSS e JavaScript. Nosso estimador do tamanho total de uma página web mostra os tamanhos não comprimido, comprimido com GZIP e comprimido com Brotli, com detalhamento por recurso e verificação automática do orçamento de desempenho frente aos limites de Core Web Vitals e Lighthouse. Sem cadastro, sem upload para servidores e 100% privado.
0 chars · 0 B
Por que usar nosso estimador do tamanho total de uma página web?
- Análise instantânea do peso da página: nosso estimador do tamanho total de uma página web processa seu HTML, CSS e JavaScript inteiramente no seu navegador, sem espera de upload. Cole seus recursos e veja os tamanhos de transferência não comprimido, GZIP e Brotli com detalhamento por recurso em segundos.
- Estimador do tamanho de página web online seguro: seu conteúdo HTML, CSS e JavaScript nunca sai do seu dispositivo ao usar nosso estimador do tamanho total de uma página web online. O processamento 100% no lado do cliente garante privacidade total: sem upload para servidores, sem retenção de código-fonte e sem risco de expor código frontend proprietário.
- Estimador do tamanho de página web sem instalação: estime o tamanho de transferência da sua página web diretamente no navegador, sem Node.js, sem webpack e sem ferramentas de build. Nosso estimador do tamanho total de uma página web funciona em qualquer dispositivo com um navegador moderno: sem configuração, sem dependências e sem conta.
- Avaliação do orçamento de desempenho: nosso estimador do tamanho total de uma página web verifica sua página contra as metas de Core Web Vitals, os limites do Google PageSpeed e os limites de tamanho de JavaScript do Lighthouse, oferecendo uma avaliação instantânea de aprovado/reprovado frente aos orçamentos de desempenho do setor.
O que é o tamanho total de transferência de uma página web?
O tamanho total de transferência de uma página web é a soma de todos os bytes comprimidos transferidos pela rede quando um navegador carrega uma página, incluindo o documento HTML, as folhas de estilo CSS e os bundles de JavaScript. Nosso estimador do tamanho total de uma página web mede isso em três cenários: não comprimido (bytes brutos, como armazenados em disco), comprimido com GZIP (o Content-Encoding HTTP mais comum) e comprimido com Brotli (o padrão moderno que alcança compressão 15 a 25% melhor que o GZIP). Entender o tamanho de transferência da sua página é fundamental para Core Web Vitals, pontuações do Lighthouse e desempenho móvel em conexões lentas.
Como funciona nosso estimador do tamanho total de uma página web
- Cole os recursos da sua página: insira seu documento HTML, sua(s) folha(s) de estilo CSS e seu(s) bundle(s) de JavaScript nos painéis correspondentes. Use o botão "Carregar página de exemplo" para testar um exemplo realista. Envie arquivos diretamente pelo botão de upload de cada painel. Todo o processamento acontece localmente no seu navegador: seu código-fonte nunca sai do seu dispositivo.
- Análise instantânea no navegador: clique em "Estimar tamanho de transferência da página" e a ferramenta calcula os tamanhos GZIP com a API nativa CompressionStream do navegador e estima os tamanhos Brotli com análise de entropia de Shannon, o mesmo modelo usado pelo nosso estimador de compressão Brotli.
- Revise o detalhamento e o orçamento de desempenho: veja o peso total da página nos três cenários de compressão, um detalhamento por recurso mostrando qual tipo de recurso mais contribui para o peso da página e uma verificação automática do orçamento de desempenho frente aos limites de Core Web Vitals e Lighthouse.
O que o estimador de tamanho de página web mede
- Tamanho não comprimido: a contagem de bytes brutos de cada recurso como armazenado em disco: é o que você vê no seu sistema de arquivos e o que é transferido se o seu servidor não tiver compressão configurada.
- Tamanho de transferência com GZIP: o tamanho comprimido exato com GZIP (Content-Encoding: gzip), o formato de compressão HTTP com maior suporte, calculado com a API nativa CompressionStream do navegador.
- Tamanho de transferência com Brotli (estimado): o tamanho comprimido estimado com Brotli (Content-Encoding: br), o padrão moderno que alcança compressão 15 a 25% melhor que o GZIP para HTML, CSS e JavaScript.
- Verificação do orçamento de desempenho: comparação automática frente às metas de Core Web Vitals (200 KB no total), aos limites do Google PageSpeed (100 KB) e aos limites de tamanho de JavaScript do Lighthouse (150 KB de JS comprimido), com indicadores de aprovado/reprovado para cada limite.
Notas importantes sobre a estimativa de tamanho de página
Este estimador do tamanho total de uma página web mede apenas os recursos baseados em texto que você cola: HTML, CSS e JavaScript. Ele não inclui imagens, fontes, vídeos ou outros recursos binários que também contribuem para o peso total da página. Para uma auditoria completa do peso da página, use a aba Network das DevTools do navegador ou ferramentas como o WebPageTest. Os tamanhos de Brotli são estimados com análise de entropia de Shannon e geralmente são precisos dentro de ±10-15% para cargas de texto web típicas. Os tamanhos de GZIP são exatos quando o navegador suporta a API CompressionStream (todos os navegadores modernos).
Perguntas frequentes
Um estimador do tamanho total de uma página web calcula o total de bytes transferidos quando um navegador carrega uma página, incluindo HTML, CSS e JavaScript, tanto sem compressão quanto comprimidos (GZIP/Brotli). Nosso estimador do tamanho total de uma página web roda inteiramente no seu navegador usando a API nativa CompressionStream, então seu código-fonte nunca sai do seu dispositivo.
O Google recomenda manter o peso total da página abaixo de 200 KB comprimidos para Core Web Vitals. A auditoria de desempenho do Lighthouse sinaliza páginas acima de 100 KB comprimidos como necessitando de otimização. Para JavaScript especificamente, o Lighthouse recomenda manter o JS comprimido abaixo de 150 KB. Nosso estimador do tamanho total de uma página web verifica sua página contra os três limites automaticamente.
Sim, totalmente. Nosso estimador do tamanho total de uma página web processa tudo localmente no seu navegador. Seu código-fonte HTML, CSS e JavaScript nunca é enviado a nenhum servidor, nunca é armazenado e nunca é transmitido pela rede.
Sim. Este estimador do tamanho total de uma página web é 100% gratuito, sem cadastro, sem plano premium, sem marca d'água e sem limites de tamanho de conteúdo. Você pode analisar quantas páginas precisar, sem restrições.
Não: nosso estimador do tamanho total de uma página web mede apenas recursos baseados em texto: HTML, CSS e JavaScript. Imagens, fontes, vídeos e outros recursos binários não são incluídos. Para uma auditoria completa do peso da página incluindo todos os tipos de recurso, use a aba Network das DevTools do navegador, o WebPageTest ou o Lighthouse.
GZIP é o formato de compressão HTTP com maior suporte: todos os navegadores e servidores o suportam. Brotli (Content-Encoding: br) é o padrão moderno que alcança compressão 15 a 25% melhor que o GZIP para HTML, CSS e JavaScript. O Brotli é suportado por todos os navegadores modernos e está disponível no Nginx, Apache, Cloudflare e na maioria das CDNs.
A estimativa de Brotli usa análise de entropia de Shannon calibrada com a vantagem de compressão conhecida do Brotli e geralmente é precisa dentro de ±10-15% para cargas de texto web típicas. Os tamanhos GZIP são exatos, calculados com a API nativa CompressionStream do navegador.
As técnicas mais eficazes são: minificar HTML, CSS e JavaScript, ativar compressão GZIP ou Brotli no seu servidor, remover CSS não utilizado com o PurgeCSS, fazer tree-shaking do JavaScript não utilizado e dividir bundles grandes de JS com code splitting. Nosso estimador do tamanho total de uma página web mostra qual tipo de recurso mais contribui para o peso da página, para você priorizar.
Sim: cole código minificado ou não minificado, a ferramenta mede a contagem real de bytes de qualquer forma. O código minificado mostrará um tamanho não comprimido menor, mas o percentual de economia com GZIP e Brotli será mais baixo, já que o código minificado tem menos redundância para os algoritmos de compressão aproveitarem.