Minificar recursos (HTML, CSS y JavaScript)

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

Información general

La minificación de recursos se refiere a la eliminación de bytes innecesarios, como los espacios adicionales, saltos de línea y sangrías. Al minimizar los códigos HTML, CSS y JavaScript, es posible acelerar la descarga, el análisis y el tiempo de ejecución. Además, en CSS y en JavaScript, es posible reducir aun más el tamaño del archivo al cambiar el nombre de las variables, siempre y cuando el código HTML esté actualizado correctamente para garantizar que los selectores sigan funcionando.

Recomendaciones

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 CSS, usa YUI Compressor y cssmin.js.

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.