Minificador

CSS, JS y HTML

Sin base de datos: AIMRAN no guarda tus archivos, textos ni resultados

¿Qué es Minificador?

Minificar es quitarle al código todo lo que sobra para el ordenador, como espacios, saltos de línea y comentarios, para que los archivos pesen menos y la web cargue antes.

Pega tu CSS, JavaScript o HTML y obtendrás la versión comprimida al momento, con el ahorro en bytes y en porcentaje.

Cómo se usa

  1. Elige el lenguaje: CSS, JavaScript o HTML.
  2. Pega el código en el recuadro «Código».
  3. Ajusta las opciones: comprimir, acortar nombres, módulo ES, conservar licencias o minificar CSS y JS en línea.
  4. Revisa el resultado y el ahorro conseguido.
  5. Copia o descarga el código minificado.

Ventajas

Detalles técnicos

El CSS se minifica con un analizador por tokens que respeta cadenas, url() y comentarios de licencia /*!: elimina comentarios, espacios sobrantes y el último punto y coma de cada bloque. El JavaScript se procesa con Terser, con opciones para comprimir (eliminar código muerto y simplificar expresiones), acortar nombres de variables internas (mangle), tratar el código como módulo ES con import/export y conservar comentarios /*! y @license. El HTML se tokeniza respetando el contenido de pre, textarea, script y style; quita comentarios y espacios entre etiquetas y, opcionalmente, minifica el CSS de los bloques style y el JS de los script con los mismos motores. Los errores de sintaxis indican línea y columna. El ahorro se mide en bytes UTF-8.

Preguntas frecuentes

¿Qué es minificar código?

Eliminar espacios, saltos de línea, comentarios y otros caracteres innecesarios sin cambiar lo que hace el código, para que ocupe menos y se descargue más rápido.

¿Minificar mejora el SEO?

Indirectamente sí: reduce el peso de la página y mejora la velocidad de carga, que es un factor que Google tiene en cuenta en la experiencia de página.

¿Se puede desminificar el código?

Se puede volver a formatear con sangrías, pero los comentarios y los nombres originales de variables acortadas se pierden. Guarda siempre el original.

¿Qué hace la opción «Acortar nombres»?

Renombra las variables internas de las funciones con nombres de una o dos letras. Ahorra mucho espacio sin afectar al funcionamiento.

¿Qué diferencia hay entre minificar y comprimir con gzip?

Minificar quita contenido sobrante del código; gzip o Brotli comprimen el archivo al enviarlo. Se complementan y conviene usar los dos.

Más herramientas de Desarrolladores