Cómo minimizar los archivos CSS/JavaScript en WordPress

¿Quieres minificar archivos en tu sitio de WordPress? Minimizar tus archivos WordPress CSS y Javascript puede hacer que se carguen más rápido y acelerar tu sitio WordPress. En esta guía, le mostraremos cómo minimizar los archivos CSS/Javascript en WordPress para mejorar el rendimiento y la velocidad.

¿Qué es Minify y cuándo lo necesita?

El términoMinify se utiliza para describir un método que hace que el tamaño del archivo de su sitio web sea más pequeño. Logra este objetivo eliminando espacios en blanco, líneas y caracteres innecesarios del código fuente.

Por lo general, se recomienda utilizarlo sólo para los archivos que se envían a los navegadores del usuario. Esto incluye archivos HTML, CSS y JavaScript. Usted también puede minimizar los archivos PHP, pero PHP es un lenguaje de programación del lado del servidor y minimizarlo no mejorará la velocidad de carga de la página para sus usuarios.

La ventaja obvia de minimizar los archivos es la mejora de la velocidad y el rendimiento de WordPress. Los archivos compactos son más rápidos para cargar y mejorar la velocidad de su sitio.

Sin embargo, algunos expertos creen que la mejora del rendimiento es muy pequeña para la mayoría de los sitios web y no vale la pena. La minificación sólo disminuye pocos kilobytes de datos en la mayoría de los sitios de WordPress. Puede reducir el tiempo de carga de páginas simplemente optimizando las imágenes para la web.

Aquí hay un ejemplo de código CSS normal:

cuerpo {
>
margen:20px;

relleno:20px;

color:#33333333;

fondo:#f7f7f7f7;

}
>
h1 {
>
tamaño de fuente:32px;

color#22222222;

fondo del margen:10px;

Después de minificar el código se verá así:

cuerpo{margen:20px;acolchado:20px;color:#333;fondo:#f7f7f7}h1{tamaño-fondo:32px;margen-inferior:10px}

Si está intentando conseguir una puntuación de 100/100 en la herramienta Google Pagespeed o GTMetrix, entonces minimizar CSS y JavaScript mejorará significativamente su puntuación.

Dicho esto, echemos un vistazo a cómo minimizar fácilmente CSS/JavaScript en su sitio WordPress.

Minimizar CSS/Javascript en WordPress

Lo primero que tienes que hacer es instalar y activar el plugin Better WordPress Minify. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Al activarlo, el plugin agregará un nuevo elemento de menú llamadoBWP Minify a la barra de administración de WordPress. Al hacer clic en él, accederá a la página de configuración del plugin.

En la página de configuración, debes comprobar las dos primeras opciones para minimizar automáticamente los archivos JavaScript y CSS en tu sitio WordPress.

Ahora puede hacer clic en el botón Guardar cambios para guardar su configuración.

Hay muchas otras opciones avanzadas en esta página. La configuración predeterminada funcionará para la mayoría de los sitios web, pero puede revisar y cambiar estas opciones caso por caso.

A continuación, debe dirigirse a su sitio web. Haga clic con el botón derecho del ratón en cualquier lugar y luego seleccioneView Page Source en el menú del navegador.

Ahora verá el código fuente HTML generado por su sitio WordPress. Si se fija bien, notará que este plugin cargará archivos CSS/JavaScript desde la propia carpeta del plugin en lugar de los temas y plugins de WordPress.

Estas son las versiones miniaturizadas de sus archivos originales CSS y JavaScript. Better WordPress Minify plugin los mantendrá en caché y servirá las versiones miniaturizadas a los navegadores.

Eso es todo, esperamos que este artículo te haya ayudado a aprender a minimizar tu sitio de WordPress. También puedes ver nuestra guía definitiva sobre cómo acelerar WordPress para principiantes.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario