Optimiza CSS y JS en WordPress: aprende a minificar, combinar y reducir scripts sin romper tu web usando WP Rocket, Autoptimize o LiteSpeed.
Accede a la lección en vídeo de la membresía. Cada martes, jueves y sábado aprende con una clase nueva. Puedes identificarte en este enlace o suscribirte a los cursos.
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

¿Quieres comentar este post?
Regístrate gratis o inicia sesión para poder comentar
Iniciar Sesión
Registrarse
Restablecer Contraseña