Minimizar(Minify) el código del sitio web: ¿mejorara la velocidad ?
Ya sea que codifique su sitio web desde cero o use un sistema de administración de contenido como WordPress, su sitio puede beneficiarse mucho de minimizar sus archivos HTML, CSS y JavaScript.
Esto se debe a que cuando los desarrolladores codifican intentan hacer que el código sea lo más agradable posible para los ojos. Agregan espacios en blanco o escriben código en nuevas líneas, por lo que es más fácil para ellos leer.
Los codificadores también agregan comentarios para especificar para qué sirve una sección particular del código. Cuando hay un problema con el sitio, pueden ver el código y rastrear dónde está el problema.
Ahora, con las computadoras, es algo diferente. A las computadoras no les importan los espacios en blanco, los nuevos caracteres de línea, los comentarios o los delimitadores de bloques. Solo se preocupan por el código en sí.
Cuando minimiza el código de su sitio, esencialmente elimina todos los detalles innecesarios que no afectarán el rendimiento de su sitio.
En un archivo CSS no optimizado, puede tener miles de líneas de código, sin embargo, cuando se minimiza, pondrá todo en una sola línea.
¿Cómo se minimiza el código?
Puede minimizar a mano o puede usar una herramienta para ayudarlo con eso.
Naturalmente, al minificar a mano, no va a ser fácil y llevará mucho tiempo. Esto se debe a que vas a eliminar manualmente todos esos espacios, comentarios y caracteres innecesarios. Si tienes mil líneas en las que trabajar, ¡estarás entrecerrando los ojos en tu pantalla durante horas!
La buena noticia es que hay muchas herramientas que puede utilizar para minimizar su código. Puede intentar usar Minifier (https://www.minifier.org), Minifier de Will Peavy (https://www.willpeavy.com/minifier) o cualquier otra herramienta de minificación que desee.
Simplemente necesita copiar su código, presionar el botón minify y ¡listo! ¡Tendrá su código minimizado leído para ser copiado y pegado en su sitio!
Con WordPress, simplemente puede instalar un complemento de minimización, configurarlo y dejar que funcione. Estos son algunos de los mejores complementos de minificación:
- Fast Velocity Minify (https://wordpress.org/plugins/fast-velocity-minify): este complemento ayudará a reducir el número de solicitudes HTTP al fusionar sus archivos CSS y JavaScript en grupos.
- Minificar HTML (https://wordpress.org/plugins/minify-html-markup): este complemento ayudará a limpiar su código HTML que, a su vez, ayudará a acelerar su sitio.
¡Utilice cualquiera de las técnicas mencionadas en este artículo y observe cómo los tiempos de carga de su página disminuyen significativamente!
