Minificación

In Ciencias de la Computación, la minificación es el proceso de eliminar elementos innecesarios y reescribir el código para reducir el tamaño del archivo. Se hace comúnmente para página web recursos, como HTML, CO y JavaScript archivos La reducción del 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 . Lo más básico es eliminar comentarios, espacios innecesarios y saltos de línea (nueva línea caracteres). Si bien los comentarios y los espacios en blanco ayudan a que el código sea más legible, el código los ignora navegador. Por lo tanto, estos elementos se pueden eliminar de forma segura antes publicación. Otro método es minimizar el código requerido para cada declaración. En CSS, esto a menudo se logra mediante la conversión de CSS manual a CSS abreviado. Por ejemplo, un margen la definición puede tomar siete líneas en letra larga, pero solo una línea en forma abreviada. En JavaScript, largo variable los nombres se pueden reemplazar por otros más cortos (a menudo uno solo personaje.

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, espacios, saltos de línea y puntos y comas innecesarios. El código también se convierte de CSS a taquigrafía.

Código CSS estándar

img.left / * flotante izquierda 400px image * /
{
float: left;
ancho máximo: 400px;
margin-top: 8px;
margen derecho: 30px;
margin-bottom: 12px;
margin-left: 0px;
}

Código CSS minimizado

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

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

Al reducir el código a menudo solo se ahorran unos pocos kilobytes. Por ejemplo, un archivo CSS estándar puede ser 50KB y la versión reducida puede ser 40KB. Sin embargo, al mejorar la velocidad de carga de la página, cada kilobyte es importante. El objetivo de un buen minificador es reducir el tamaño del archivo tanto como sea posible con cero impacto en la forma en que el código es analizado o procesado Independientemente de qué minificador se use, desarrolladores normalmente mantienen una versión no minimizada del código para su futura edición.

Minificación vs Compresión

Mientras minificación y Compresión de archivo ambos reducen el tamaño del archivo, no son idénticos. La minificación simplemente altera el texto mientras que la compresión de archivos reescribe completamente binario código dentro de un archivo. Un archivo comprimido debe descomprimirse mediante la utilidad de descompresión de archivos para poder leerlo como un archivo de texto. Muchos sitios web use una combinación de minificación y compresión de archivos "gzip" para reducir el tamaño de los recursos web tanto como sea posible.