» » Minificar recursos (HTML, CSS y JavaScript)

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.

Categorias: CSS3 / Diseño Web / Html / html5 / javascript / Noticias / Optimizacion / Tutorial / WebSite / webmasters
Añadir Comentario
Información
Usuarios que están en este grupo no pueden dejar comentarios en la página