¿Qué significa Minify HTML?

Minificación en términos de diseño web se refiere al proceso de eliminación de todos los elementos extraños a partir de su código. La teoría detrás de esto es que al eliminar el espacio en blanco, la combinación de elementos, comentarios y caracteres que no sean necesarios a partir del código de la página, que hará que su carga de páginas más rápido y ser más eficiente. También puede utilizar las herramientas de minimización automática, si decide ir por ese camino.

El uso típico

Lo más comúnmente se refiere a la minimización de JavaScript y CSS, los cuales tienden a tener mucho más espacio en blanco y el comentario general. El Developer Network Yahoo publicó un artículo llamado "Las mejores prácticas para acelerar la tramitación de su página web," que exige minimización de toda JavaScript y CSS. HTML no se incluye típicamente como algo que minify en su página web, pero eso no significa que no pueda hacerlo - se aplican los mismos beneficios.

El espacio y el ancho de banda

La razón principal de minimización es que ayuda a crear un archivo más pequeño. Los archivos pequeños se cargan más rápido y ocupan menos espacio en su espacio web - es un escenario de ganar-ganar, especialmente si su sitio web cuenta con varios cientos de páginas y las largas líneas de código. En muchos casos minimización se utiliza en conjunción con la compresión gzip en páginas HTML, hojas de estilo y scripts para ayudar a reducir aún más el espacio utilizado.

Las pruebas con Firebug

Si desea una idea de cómo minimización podrían beneficiarse de su sitio web, puede utilizar el plug-in de Firebug para Firefox, que ofrece una opción llamada "Page Speed". Una vez instalado Firebug, vaya a su sitio web y haga clic derecho en el fondo. Seleccione "Inspeccionar elemento". Haga clic en "Page Speed". Firebug no sólo te dice qué elementos se puede minify y la cantidad más pequeña de su archivo será cuando minified, sino que también le resta elementos de forma automática; puede guardar la versión minified haciendo clic en el "Guardar como" enlace.

Utilidades para Minificación

Si bien hay recursos en abundancia para minifying la CSS y Javascript de su sitio web, el HTML se dirigió con menos frecuencia. La herramienta más simple para minifying su HTML es de Will Peavy HTML Minifier, disponible en línea desde willpeavy.com/minifier. Basta con pegar el código HTML en el cuadro de texto y haga clic en "Minifiy." Copia el código HTML minified y pegarlo en un nuevo archivo en su editor de texto sin formato. YUI Compressor es una utilidad de JavaScript y CSS minimización.

La crítica de Minificación

Minificación es criticado por hacer CSS y archivos ilegibles para el ojo humano para el aumento relativamente menor JavaScript. Dado que el espacio ahorrado es típicamente pesó en KB, la cantidad de espacio que realmente se ahorra puede ser insignificante. Si está trabajando con la gente haya numerosas en su sitio web, usted podría considerar la minimización de saltar si no representa importantes beneficios al peso de su sitio web. Siempre tenga dos versiones del archivo - una para trabajar editar cuando sea necesario, y la versión miniaturizada para agregar a su sitio web.