Minificar tus archivos (HTML, CSS y JavaScript)



La minificación de archivos se refiere a la eliminación de bytes innecesarios, como los espacios adicionales, saltos de línea y otros. Al minimizar los archivos HTML, CSS y JavaScript, es posible acelerar la descarga, el análisis y el tiempo de ejecución.

Debes minificar el código HTML, CSS y JavaScript.



Para minificar HTML, puedes utilizar la extensión de PageSpeed Insights para Chrome con la que generar una versión optimizada del código HTML. Analiza tu página HTML y busca la regla "Minificar HTML". Haz clic en "Ver el contenido optimizado" para obtener el código HTML optimizado.

Para minificar tus archivos puedes utilizar esta herramienta online http://refresh-sf.com/.

Para minificar JavaScript, prueba Closure Compiler, JSMin o YUI Compressor. Se puede crear un proceso de construcción que utilice estas herramientas para minificar y cambiar el nombre de los archivos de desarrollo, y guardarlos en un directorio de producción.

Estas reglas se activan cuando PageSpeed Insights detecta que el tamaño de uno de los recursos podría reducirse mediante minificación.