Minificar código HTML para mejorar SEO y tiempo de carga

Bienvenidos a Vertutoriales.com, en esta ocasión y para mejorara vuestro posicionamiento, os traigo como reducir o minificar (minify) vuestros archivos de hipertexto HTML.

Como sabréis, los tiempos de carga de vuestra página es un punto muy importante, a la hora de posicionar. Los buscadores puntúan mejor una web con tiempos de carga reducidos, que páginas que se tarden en cargar y para ello se utiliza la técnica minify el código para darle al navegador del cliente lo justo y necesario para que muestre la página.

¿Qué es minificar?

Minificar es eliminar todo lo sobrante en nuestros archivos, no solo HTML, también CSS y JS. ¿Y qué es lo que sobra? Pues lo normal en un archivo de código es que tenga una estructura sencilla para el humano, por ejemplo, tabulaciones, saltos de línea, espacios, comentarios, etc… Todo esto para el programador es útil a la hora de trabajar, pero a la máquina le sirve de poco, de hecho, ralentiza el proceso de carga al tener que ir omitiendo de la lectura todo lo que no sea código propiamente dicho, por lo tanto, si tiene el código sin minify, tendrá que minificarlo durante la carga, por lo que ese tiempo de proceso también se suma al total.

¿Por qué minificar?

Como hemos explicado en los puntos anteriores, los tiempos de descarga son muy valiosos y debemos de tenerlos en cuenta en nuestra web, por lo que es una estrategia que incluso desde la web PageSpeed de Google te apuntan como necesario o recomendable para mejorar la puntuación.

¿Qué se puede minificar?

Que conozca, los archivos actualmente minificables son los archivos HTML también de estilos CSS y los archivos de scripts JS.

Y te preguntarás que qué pasa con los archivos de servidor como PHP, ASPX, etc… Bueno, ten en cuenta que estos archivos lo que hacen es procesar información del lado del servidor y finalmente devuelven los datos al cliente en forma de html por ejemplo, por lo que finalmente volvemos a los inicios de html, css y js.

¿Se puede Minificar de forma automática?

La respuesta es sí, hoy en día hay diferentes sistemas a nivel de servidor para que cuando devuelva los archivos al cliente, ya los descargue con el minify hecho. En otras palabras, no tienes que entrar en la herramienta del ejemplo del vídeo, sino que puedes programarlo y dejarlo en su estado “natural” y ya el propio servidor se encargará de devolverlo.

Como el cometido de este documento no es hablar de auto-minify te recomiendo que lances alguna búsqueda en internet, hay información al respecto o si te parece puedes preguntar en los comentarios.

Minificar manualmente para SEO

Finalmente tal y como se muestra en el vídeo y sino lo has visto te lo recomiendo, hay multitud de herramientas para minificar (minify) vía online, hay herramientas para hacerlo de forma offline e incluso para Visual Studio Code hay plugins para hacerlo desde el propio editor, por lo que es recomendable de vistas a ahorrar tiempo y optimizar el proceso 😉

De todas maneras, desde la herramienta online puedes verlo en acción en unos segundos, sin instalar y sin costes 

Espero que os haya parecido interesante el artículo y que lo agradezcáis si así ha sido, compartiendo o al menos comentando con un simple “gracias”