#14 Minificación y combinación de CSS y JavaScript – WPO WordPress

Optimiza CSS y JS en WordPress: aprende a minificar, combinar y reducir scripts sin romper tu web usando WP Rocket, Autoptimize o LiteSpeed.

Contenido de la lección

(Recordar que este contenido es la escaleta)

En esta clase práctica vamos a ver las técnicas básicas para optimizar los archivos CSS y JavaScript de tu WordPress. 

Descubrirás cómo la minificación elimina espacios en blanco y comentarios innecesarios para reducir el tamaño de los archivos, y cuándo es recomendable combinar archivos (y cuándo no). 

Te mostraré cómo configurar estas optimizaciones usando plugins como WP Rocket, Autoptimize o LiteSpeed, evitando los errores más comunes que pueden romper el diseño o la funcionalidad de tu web. También veremos la optimización específica de elementos como dashicons, emojis y la gestión de jQuery.

Objetivo de la lección

• Reducir el tamaño de archivos CSS y JS mediante minificación
• Mejorar la velocidad de carga eliminando código innecesario
• Configurar correctamente plugins de optimización
• Evitar errores comunes que rompan la funcionalidad
• Optimizar elementos específicos como dashicons y emojis
• Aplicar carga diferida de JavaScript sin bloquear el navegador

Recursos

Plugins recomendados:

• WP Rocket (premium) – Solución integral
• Autoptimize (gratuito) – Funciones básicas incluidas

• Perfmatters (premium) – Control granular sin servicios externos

Herramientas de diagnóstico:

• Inspector del navegador – Detección de errores