Analizador de peso de páginas HTML

• Análisis instantáneo del peso de la página HTML: Analiza el peso de la página HTML al instante en tu navegador, sin subir nada a un servidor ni usar procesamiento en la nube. Nuestro analizador desglosa CSS en línea, JS en línea, imágenes base64, SVG, comentarios y espacios en blanco en tiempo real.
• Analizador de peso de páginas HTML online y seguro: Tu código fuente HTML nunca sale de tu dispositivo al analizarlo. El procesamiento 100 % en el cliente garantiza privacidad total: sin almacenamiento en la nube, sin registros del servidor, sin exposición del código fuente.
• Analizador de peso de páginas HTML - Sin instalación: Analiza el peso de páginas HTML directamente en tu navegador, sin descargar software, sin plugins y sin cuenta. Funciona en cualquier navegador moderno de cualquier sistema operativo, sin registro.
• Estimaciones de compresión GZIP y Brotli: Consulta los tamaños comprimidos estimados con GZIP y Brotli junto al peso sin procesar del HTML, con una comparación visual en barras. El analizador también enumera todos los recursos externos y su número de peticiones HTTP.

• Optimización de Core Web Vitals y LCP: Analiza el peso de la página HTML para identificar qué está ralentizando tu Largest Contentful Paint (LCP). Grandes bloques de CSS y JS en línea e imágenes base64 aumentan el tamaño de transferencia del HTML y retrasan el primer renderizado.
• Mejora de la puntuación en PageSpeed Insights: Usa el analizador para encontrar y corregir las advertencias de PageSpeed «Reduce initial server response time» y «Avoid large network payloads». El analizador muestra exactamente qué contenido en línea está añadiendo peso.
• Planificación de la minificación de HTML: Identifica cuánto ahorraría eliminar espacios y comentarios antes de usar un minificador de HTML. El analizador muestra el ahorro estimado de la minificación junto a las estimaciones de GZIP y Brotli.
• Optimización del renderizado en servidor (SSR): Analiza la salida HTML de Next.js, Nuxt u otros frameworks SSR para identificar cargas renderizadas en servidor demasiado pesadas. Los grandes bloques de JSON en línea y las cargas de hidratación son problemas comunes de peso en SSR.
• Análisis del peso de plantillas de correo: Analiza plantillas HTML de correo en busca de problemas de peso: los clientes de correo tienen límites estrictos (Gmail recorta los correos de más de 102 KB). El analizador identifica CSS en línea, imágenes base64 y otros factores de peso.
• Auditoría de rendimiento de páginas de comercio electrónico: Analiza el HTML de páginas de producto para detectar problemas de peso antes de que afecten a las tasas de conversión. Los grandes scripts en línea, las imágenes base64 de producto y el exceso de recursos externos son cuellos de botella habituales en el comercio electrónico.

El peso de una página HTML es el tamaño total en bytes del documento HTML transferido del servidor al navegador. Incluye la estructura HTML sin procesar, el CSS en línea (etiquetas <style>), el JavaScript en línea (etiquetas <script> sin src), las imágenes codificadas en base64, los SVG en línea, los comentarios HTML y los espacios en blanco. Nuestro analizador usa la API DOMParser nativa del navegador para analizar el HTML y medir la contribución de cada componente al peso total, ofreciéndote un desglose preciso de dónde se gastan los bytes.

1. 1. Pega tu HTML: Pega cualquier documento HTML: una página completa, un componente o una plantilla de correo. El contador de bytes se actualiza en tiempo real mientras escribes. Todo el análisis ocurre localmente en tu navegador: tu código fuente HTML nunca sale de tu dispositivo.
2. 2. Pulsa «Analizar peso de página»: El analizador usa el DOMParser del navegador para analizar el HTML y extraer el CSS en línea, el JS en línea, las imágenes base64, los SVG, los comentarios y las referencias a recursos externos. Calcula el tamaño en bytes de cada componente y estima los tamaños comprimidos con GZIP y Brotli.
3. 3. Revisa el desglose y las recomendaciones: Los resultados muestran un resumen del peso con estimaciones de GZIP/Brotli, un desglose por categoría con barras visuales, una lista de recursos externos y recomendaciones de optimización prácticas con el ahorro estimado.

• CSS en línea: Contenido dentro de etiquetas <style>, medido en bytes. Los bloques grandes de CSS en línea deberían extraerse a hojas de estilo externas para aprovechar el caché del navegador.
• JavaScript en línea: Contenido dentro de etiquetas <script> sin atributo src. Los scripts grandes en línea bloquean el renderizado y deberían extraerse a archivos externos.
• Imágenes base64: Imágenes incrustadas como URI data:, donde la codificación base64 añade ~33 % de sobrecarga frente al binario. Usa URL de imágenes externas para imágenes mayores de 1 KB.
• Comentarios y espacios en blanco del HTML: Los comentarios y el espacio en blanco sobrante los eliminan los minificadores de HTML; el analizador muestra cuánto contribuyen al peso total.

El analizador de peso de páginas HTML mide solo el peso del documento HTML: no descarga ni mide recursos externos (archivos CSS, bundles JS, imágenes). Las estimaciones de GZIP y Brotli son aproximaciones basadas en tasas típicas de compresión de texto: la compresión real depende de la entropía del contenido. El analizador usa el DOMParser del navegador, que puede normalizar parte del HTML (por ejemplo, añadir etiquetas de cierre que faltan); pega el HTML exacto tal como lo sirve tu servidor para obtener mediciones precisas.