Analisador de peso de página HTML

• Análise instantânea do peso da página HTML: Analise o peso da página HTML na hora no seu navegador — sem envio a servidor, sem processamento na nuvem. Nosso analisador detalha CSS inline, JS inline, imagens base64, SVGs, comentários e espaços em branco em tempo real.
• Analisador de peso de página HTML online e seguro: Seu código-fonte HTML nunca sai do seu dispositivo ao analisá-lo. Processamento 100% no lado do cliente significa privacidade total — sem armazenamento na nuvem, sem logs de servidor, sem exposição do código-fonte.
• Analisador de peso de página HTML — sem instalação: Analise o peso de páginas HTML direto no navegador, sem baixar software, sem plugins e sem conta. Funciona em qualquer navegador moderno, em qualquer sistema operacional — sem cadastro.
• Estimativas de compressão GZIP e Brotli: Veja os tamanhos estimados comprimidos em GZIP e Brotli ao lado do peso bruto do HTML — com comparação visual em barras. O analisador também lista todos os recursos externos e sua contagem de requisições HTTP.

• Otimização de Core Web Vitals e LCP: Analise o peso da página HTML para identificar o que está deixando seu Largest Contentful Paint (LCP) lento. Grandes blocos de CSS e JS inline e imagens base64 aumentam o tamanho de transferência do HTML e atrasam a primeira renderização.
• Melhoria da pontuação no PageSpeed Insights: Use o analisador para encontrar e corrigir os avisos do PageSpeed «Reduce initial server response time» e «Avoid large network payloads». O analisador mostra exatamente qual conteúdo inline está adicionando peso.
• Planejamento de minificação de HTML: Identifique quanto a remoção de espaços em branco e comentários economizaria antes de usar um minificador de HTML. O analisador mostra a economia estimada da minificação junto às estimativas de GZIP e Brotli.
• Otimização de renderização no servidor (SSR): Analise a saída HTML de Next.js, Nuxt ou outros frameworks SSR para identificar cargas renderizadas no servidor muito pesadas. Grandes blocos de JSON inline e cargas de hidratação são problemas comuns de peso em SSR.
• Análise do peso de modelos de e-mail: Analise modelos HTML de e-mail em busca de problemas de peso — clientes de e-mail têm limites rígidos (o Gmail corta e-mails acima de 102 KB). O analisador identifica CSS inline, imagens base64 e outros fatores de peso.
• Auditoria de desempenho de páginas de e-commerce: Analise o HTML de páginas de produto para identificar problemas de peso antes que afetem as taxas de conversão. Grandes scripts inline, imagens de produto em base64 e excesso de recursos externos são gargalos comuns no e-commerce.

O peso de uma página HTML é o tamanho total em bytes do documento HTML transferido do servidor para o navegador. Ele inclui a estrutura HTML bruta, o CSS inline (tags <style>), o JavaScript inline (tags <script> sem src), imagens codificadas em base64, SVGs inline, comentários HTML e espaços em branco. Nosso analisador usa a API DOMParser nativa do navegador para interpretar o HTML e medir a contribuição de cada componente no peso total — dando a você um detalhamento preciso de onde os bytes são gastos.

1. 1. Cole seu HTML: Cole qualquer documento HTML — uma página inteira, um componente ou um modelo de e-mail. O contador de bytes é atualizado em tempo real enquanto você digita. Toda a análise acontece localmente no seu navegador — seu código-fonte HTML nunca sai do seu dispositivo.
2. 2. Clique em «Analisar peso da página»: O analisador usa o DOMParser do navegador para interpretar o HTML e extrair CSS inline, JS inline, imagens base64, SVGs, comentários e referências a recursos externos. Ele calcula o tamanho em bytes de cada componente e estima os tamanhos comprimidos em GZIP e Brotli.
3. 3. Revise o detalhamento e as recomendações: Os resultados mostram um resumo do peso com estimativas de GZIP/Brotli, um detalhamento por categoria com barras visuais, uma lista de recursos externos e recomendações de otimização práticas com a economia estimada.

• CSS inline: Conteúdo dentro de tags <style> — medido em bytes. Grandes blocos de CSS inline devem ser extraídos para folhas de estilo externas para aproveitar o cache do navegador.
• JavaScript inline: Conteúdo dentro de tags <script> sem atributo src. Grandes scripts inline bloqueiam a renderização e devem ser extraídos para arquivos externos.
• Imagens base64: Imagens incorporadas como URI data: — a codificação base64 adiciona ~33% de sobrecarga em relação ao binário. Use URLs de imagens externas para imagens maiores que 1 KB.
• Comentários e espaços em branco do HTML: Comentários e espaços em excesso são removidos por minificadores de HTML — o analisador mostra quanto eles contribuem para o peso total.

O analisador de peso de página HTML mede apenas o peso do documento HTML — ele não baixa nem mede recursos externos (arquivos CSS, bundles JS, imagens). As estimativas de GZIP e Brotli são aproximações baseadas em taxas típicas de compressão de texto — a compressão real depende da entropia do conteúdo. O analisador usa o DOMParser do navegador, que pode normalizar parte do HTML (por exemplo, adicionar tags de fechamento ausentes) — cole o HTML exato conforme servido pelo seu servidor para medições precisas.