¿Qué es Minification?

Significado de Minification (Qué es y Definición)

En informática, la minificación es el proceso de eliminar elementos innecesarios y reescribir el código para reducir el tamaño del archivo. Se suele hacer a los recursos de página web, como HTML, CSS y JavaScript. Reducir el tamaño de los recursos web permite que los archivos se transfieran más rápidamente, haciendo que las páginas web se carguen más rápido.

Hay varias formas de minificar datos. La más básica es eliminar los comentarios, los espacios innecesarios y los saltos de línea ( newline caracteres). Aunque los comentarios y los espacios en blanco ayudan a que el código sea más legible, son ignorados por el navegador. Por lo tanto, estos elementos pueden eliminarse con seguridad antes de publicar. Otro método consiste en minimizar el código necesario para cada declaración. En CSS, esto se consigue a menudo convirtiendo el CSS largo en CSS corto. Por ejemplo, una definición de márgenes podría ocupar siete líneas en longhand, pero sólo una línea en shorthand. En JavaScript, los nombres largos de variables pueden sustituirse por otros más cortos (a menudo un solo caracteres.

A continuación se muestra un ejemplo de código CSS antes y después de la minificación. Observe cómo se eliminan los comentarios, los espacios, los saltos de línea y los puntos y comas innecesarios. El código también se convierte de CSS largo a abreviado.

Código CSS estándar

img.left   /* float left 400px image */
{
    float: left;
    max-width: 400px;
    margin-top: 8px;
    margin-right: 30px;
    margin-bottom: 12px;
    margin-left: 0px;
}

 

Código CSS minificado

img.left{float:left;max-width:400px;margin:8px 30px 12px 0}

La minificación avanzada algoritmos puede reducir aún más el tamaño del archivo. Un minificador de CSS, por ejemplo, puede encontrar y eliminar las líneas duplicadas dentro de un archivo CSS. También puede combinar definiciones CSS similares en una sola declaración. Un minificador de JS puede realmente reescribir las funciones de JavaScript para que sean más eficientes.

La minificación del código a menudo sólo ahorra unos pocos kilobytes. Por ejemplo, un archivo CSS estándar puede ser de 50KB y la versión minificada puede ser de 40KB. Sin embargo, al mejorar la velocidad de carga de la página, cada kilobyte importa. El objetivo de un buen minificador es reducir el tamaño del archivo tanto como sea posible sin afectar a la forma en que el código es parsed o procesado. Independientemente del minificador que se utilice, los desarrolladores suelen mantener una versión no minificada del código para futuras ediciones.

Minificación vs. Compresión

Aunque la minificación y la compresión de archivos reducen el tamaño del archivo, no son idénticas. La minificación simplemente altera el texto mientras que la compresión de archivos reescribe completamente el código binario dentro de un archivo. Un archivo comprimido debe ser descomprimido por una utilidad de descompresión de archivos para poder ser leído como un archivo de texto. Muchos sitios web utilizan una combinación de minificación y compresión de archivos “gzip” para reducir al máximo el tamaño de los recursos web.

La definición de Minification en esta página es la definición original de SharTec.eu.
El objetivo de SharTec.eu es explicar la terminología informática de una manera fácil de entender. Nos esforzamos por ser simples y precisos en todas las definiciones que publicamos. Si tiene algún comentario sobre la definición de Minificación o desea sugerirnos un nuevo término técnico, póngase en contacto con nosotros.