Minificar para reducir costos

Minificar

Reducir espacios entre constructos y elementos de un sitio trae como ventaja que el navegador se ocupe de la renderización de una forma más rápida y tarde menos consumiendo cada porción de código. Traduciendose en menos espera para el visitante.

Por otro lado, cuando visitas un sitio web, lo que estas haciendo es realizar una transferencia de archivos entre el servidor remoto y tu computadora. Cada archivo tiene un peso especifico que va a variar si esta o no minificado. Si es un sitio con muchos visitantes (piensa en amazon.com) el peso de los archivos se multiplica por el número de visitas y el número de recargas a la pagina dando como resultado una cantidad de kb de transferencia entre los clientes y el servidor.

Hay que tener en cuenta que muchos servidores de hosting en internet proporcionan una cantidad de ancho de banda para transferencias a los sitios webs. Si estos sitios webs se exceden, se les cobrará una tarifa por la cantidad de kb transferidos. Luego entonces la importancia de utilizar cachés, gzip y minificación en archivos de texto planos.

Webpack

es una de las herramientas que se han puesto de moda por su facilidad de uso y la inmensa cantidad de opciones que ofrece para compresión de código fuente en proyectos web.

No es lo mismo representación que implementación

El código del proyecto en “desarrollo” es muy diferente al código de “productivo”, puesto que antes de lanzarse a productivo se ejecutan procesos para reducir el peso de los archivos, transformar el código a una versión más eficiente y compatible con navegadores o sistemas operativos.

De ahí que muchas veces lo que vemos cuando desarrollamos código sea una estructura de código humanamente legible y entendible. Sin embargo, esto no tiene porque ser así en productivo, pues ahí no vas a leer el código fuente generado, el consumidor esperado es el navegador que lee y renderiza toda la pagina para presentarla al usuario final. No tendría sentido que un usuario final lea el código pues no es el propósito.

Una de las transformaciones que se suele realizar en un sitio web de productivo, consiste en eliminar los espacios innecesarios entre elementos o constructos de lenguajes de script. Esto no afecta a la renderización del sitio pues los navegadores parsean y consumen el código fuente de la pagina eliminando espacios innecesarios y da igual si contiene o no espacios.