Minificador de HTML
Junta el espacio en blanco y quita comentarios, sin tocar los bloques pre y script.
Resultados
Minificado
<div class="caixa"> <p> Olá </p> <pre> isto fica </pre> </div>
Tamaño antes
93
B
Tamaño después
64
B
Bytes ahorrados
29
B
Porcentaje ahorrado
31,18
%
Qué hace esta herramienta
El HTML escrito a mano lleva sangría que sólo sirve a quien lee el código. El cuidado está en saber dónde el espacio importa: en pre, en script y entre elementos en línea.
Fórmula
junta el espacio en blanco, excepto dentro de pre, textarea, script y style
Variables
| Símbolo | Significado | Unidad |
|---|---|---|
text | HTML | — |
OUT | Minificado | — |
SB | Tamaño antes | B |
SA | Tamaño después | B |
SV | Bytes ahorrados | B |
SP | Porcentaje ahorrado | % |
Ejemplo resuelto
- HTML<!-- cabeçalho --> <div class="caixa"> <p> Olá </p> <pre> isto fica </pre> </div>
- Minificado<div class="caixa"> <p> Olá </p> <pre> isto fica </pre> </div>
- Tamaño antes93 B
- Tamaño después64 B
- Bytes ahorrados29 B
- Porcentaje ahorrado31,18 %
Limitaciones
- El cálculo se realiza íntegramente en su navegador. Los valores introducidos nunca se envían a un servidor.
Preguntas frecuentes
¿Por qué deja un espacio entre etiquetas?
Porque en HTML un espacio entre dos elementos en línea se ve, y quitarlo cambia la página: "a b" pasaría a "ab".