La minificación es el proceso de minimizar el código y el marcado en páginas web y archivos de secuencias de comandos. Es uno de los principales métodos utilizados para reducir los tiempos de carga y el uso de ancho de banda en los sitios web.
La minimización mejora en gran medida la velocidad y la accesibilidad del sitio , lo que se traduce directamente en una mejor experiencia de usuario. También es beneficioso para los usuarios que acceden a su sitio web a través de un plan de datos limitado y que desean ahorrar en el uso de ancho de banda mientras navegan por la web.
Por qué minificar HTML, CSS y JavaScript (JS)
Al crear archivos HTML, CSS y JavaScript (JS), los desarrolladores tienden a utilizar espacios, comentarios y variables bien definidos para que el código y las marcas sean legibles.
Este sistema también ayuda a otros que más tarde pueden trabajar en los recursos. Si bien esto es una ventaja en la fase de desarrollo, se vuelve negativo cuando se trata de servir tus páginas. Los servidores web y los navegadores pueden analizar el contenido de los archivos sin comentarios ni código, los cuales crean tráfico de red adicional sin proporcionar ningún beneficio funcional.
Para minimizar los archivos JS, CSS y HTML, es necesario eliminar los comentarios y los espacios adicionales, así como el control de nombres de variables para minimizar el código y reducir el tamaño del archivo. La versión de archivo reducida proporciona la misma funcionalidad al reducir el ancho de banda de las solicitudes de red.
Así es como un desarrollador escribiría un archivo JavaScript para usarlo en un sitio web:
Los espacios en blanco se usan generosamente y se usan nombres largos y consistentes para declarar variables.
Cuando se minimiza, el mismo código se ve así:
La versión simplificada de este código de muestra es un 48 % más pequeña. En algunos casos, la minificación puede reducir el tamaño del archivo hasta en un 60 %. Por ejemplo, hay una diferencia de 176 kb entre la versión original y la simplificada de la biblioteca JQuery JavaScript.
La minimización se ha convertido en una práctica estándar para la optimización de páginas. Todos los principales desarrolladores de bibliotecas de JavaScript (bootstrap, JQuery, AngularJS, etc.) proporcionan versiones reducidas de sus archivos para distribuciones de producción, generalmente denominadas con una extensión de nombre min.js.
Prueba gratis hosting pagespeed Rápido, Optimizado, Seguro
Cámbiate a Bhoost con 30 días gratis y migración incluida
Prueba ahora gratis 30 días
