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

Cómo Minificar Archivos CSS/JavaScript en WordPress

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

El término “minificación” se utiliza para describir un método para hacer que los archivos de su sitio web sean más pequeños. Lo hace eliminando espacios, líneas y caracteres innecesarios del código fuente.

Por lo general, se recomienda solo para archivos enviados al navegador del usuario. Esto incluye archivos HTML, CSS y JavaScript. También puede minimizar los archivos PHP, pero PHP es un lenguaje de programación del lado del servidor y minimizarlo no mejorará los tiempos de carga de la página para los usuarios.

La ventaja obvia de minimizar archivos es la mayor velocidad y rendimiento de WordPress. Los archivos comprimidos se cargan más rápido y aumentan la velocidad de su sitio web.

Sin embargo, algunos expertos creen que para la mayoría de los sitios web, la ganancia de rendimiento es tan pequeña que no vale la pena. La minificación solo reducirá unos pocos kilobytes de datos en la mayoría de los sitios de WordPress. Puede reducir aún más el tiempo de carga de su página simplemente optimizando sus imágenes para la web.

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

Cuerpo {
margen: 20px;
relleno: 20px;
Color: #333333;
Fondo: #f7f7f7;
}
h1 {
tamaño de fuente: 32px;
color n.º 222222;
margen inferior: 10px;
}

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

cuerpo{margen:20px;relleno:20px;color:#333;fondo:#f7f7f7}h1{font-size:32px;margen-bottom:10px}

Si está tratando de obtener una puntuación de 100/100 en las herramientas Google Pagespeed o GTMetrix, minimizar CSS y JavaScript mejorará significativamente su puntuación.

Habiendo dicho eso, echemos un vistazo a cómo minimizar fácilmente CSS/JavaScript en su sitio de WordPress.

Minimizar CSS/Javascript en WordPress

Lo primero que debe hacer es instalar y activar el complemento Better WordPress Minify. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

Una vez activado, el complemento agregará un nuevo elemento de menú con la etiqueta “BWP Minify” a su barra de administración de WordPress. Al hacer clic en él, accederá a la página de configuración del complemento.

Configuración de minificación de BWP

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

Ahora puede hacer clic en el botón “Guardar cambios” para almacenar su configuración.

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

A continuación, debe visitar su sitio web. Haga clic con el botón derecho en cualquier lugar y seleccione Ver código fuente de la página en el menú del navegador.

Ver la fuente de la página de un sitio de WordPress

Ahora verá el código fuente HTML generado por su sitio de WordPress. Si observa detenidamente, notará que el complemento cargará archivos CSS/JavaScript desde la propia carpeta del complemento en lugar de su tema y complemento de WordPress.

Estas son versiones minimizadas de los archivos CSS y JavaScript originales. Un mejor complemento de WordPress Minify los mantendrá en caché y ofrecerá versiones minificadas al navegador.

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

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.