WordPress no carga CSS ni JS cómo repararlo

Por qué WordPress no carga CSS o JS

No hay una única causa. Los estilos que no cargan en WordPress o los scripts WordPress que fallan pueden deberse a varios factores concurrentes. A veces el archivo existe pero está cacheado en una versión antigua; en otros casos la URL apunta a una ruta rota, el CDN sirve una copia obsoleta o una minificación combina archivos de forma incorrecta.

• Caché del navegador, plugin de caché o CDN sirviendo recursos antiguos.
• Errores 404 o 403 en archivos CSS o JS.
• Mixed content: la web carga por HTTPS pero el recurso se solicita por HTTP.
• Conflictos con plugins, tema activo o herramientas de optimización.
• Dependencias JavaScript rotas o carga en orden incorrecto.
• Permisos de archivos o bloqueo a nivel de servidor.

Antes de intentar reparar CSS WordPress o reparar JS WordPress, conviene identificar si el problema afecta a toda la web o solo a una página, usuario o dispositivo. Ese dato reduce mucho el tiempo de diagnóstico y puede indicar que tu web en WordPress no carga.

Cómo comprobar si el fallo viene de caché, navegador o CDN

1. Abre la web en una ventana de incógnito y compara el resultado.
2. Haz una recarga forzada del navegador.
3. Vacía la caché del plugin de rendimiento si lo hay.
4. Si usas CDN, purga su caché y revisa si está sirviendo una versión antigua del recurso.
5. Comprueba si el fallo solo ocurre para usuarios conectados o solo para visitantes anónimos.

Si después de purgar caché el problema desaparece, el origen puede estar en una exclusión mal configurada, una caducidad demasiado larga o una versión de archivo que no cambia tras las actualizaciones. En estos casos ayuda revisar el versionado de los assets y las reglas de caché con mejorar rendimiento WordPress con WPO profesional.

Qué revisar en URLs, HTTPS y rutas de archivos

Una causa frecuente de errores WordPress es que la URL del recurso no coincida con la ubicación real del archivo o con el protocolo correcto.

Comprobaciones básicas

• Revisa en Ajustes si la URL de WordPress y la del sitio son correctas.
• Comprueba que los recursos cargan por HTTPS si la web ya usa certificado SSL.
• Verifica que no haya rutas absolutas antiguas apuntando a otro dominio, subdominio o entorno de staging.
• Asegúrate de que el archivo CSS o JS existe realmente en esa ruta.
• Confirma que los permisos permiten lectura según la configuración del servidor.

Si ves mixed content, no basta con forzar HTTPS en la portada: hay que localizar qué recurso sigue pidiéndose por HTTP. Si el archivo devuelve 403, puede intervenir una regla de seguridad, permisos incorrectos o protección del servidor.

Cómo detectar conflictos con plugins, tema o minificación

Muchos casos de wordpress no carga js o de estilos rotos aparecen tras activar un plugin, actualizar el tema o aplicar minificación y combinación de archivos.

1. Desactiva temporalmente minificación, combinación, defer o delay de JavaScript.
2. Cambia a un tema por defecto de WordPress para una prueba controlada.
3. Desactiva los plugins uno a uno, empezando por caché, optimización, seguridad y constructores visuales.
4. Revisa si el problema comenzó tras una actualización concreta.

Si un plugin registra mal un archivo o altera dependencias, el recurso puede cargarse fuera de orden. En desarrollo, la práctica correcta suele ser usar wp_enqueue_style() y wp_enqueue_script() en lugar de insertar archivos manualmente. Según la documentación oficial de WordPress, este sistema ayuda a gestionar dependencias, versiones y ubicación de carga.

Advertencia importante: no edites directamente el tema en producción sin copia de seguridad previa y, si es posible, sin entorno de pruebas.

Qué mirar en el inspector del navegador y en la consola

Para depurar WordPress con criterio, el inspector del navegador es clave.

Pestaña Network

• Filtra por CSS y JS.
• Busca códigos 404, 403, 500 o redirecciones extrañas.
• Comprueba si el tamaño del archivo es lógico o si llega vacío.
• Verifica si el archivo se carga desde el dominio esperado o desde el CDN.

Consola

• Errores de JavaScript que bloquean otros scripts.
• Avisos de mixed content.
• Errores de dependencias, como librerías no definidas.

Cómo reparar la carga de estilos y scripts en WordPress

• Purga todas las capas de caché: plugin, servidor, CDN y navegador.
• Corrige URLs y fuerza HTTPS donde proceda.
• Repara rutas rotas o vuelve a subir archivos dañados.
• Desactiva temporalmente minificación y combina solo después de validar que todo carga bien.
• Añade exclusiones en caché o CDN para archivos sensibles si una optimización los rompe.
• Revisa dependencias y orden de carga si el problema afecta a JavaScript.
• Si hay permisos incorrectos o bloqueos del servidor, ajústalos con prudencia o consulta al hosting.

Si el fallo está en el código del tema o de un plugin, la reparación real puede consistir en volver a registrar el asset correctamente, asignar dependencias válidas, versionar el archivo o evitar duplicidades con librerías ya incluidas por WordPress.

Buenas prácticas para evitar que vuelva a pasar

• Actualiza tema, plugins y WordPress de forma controlada.
• Prueba cambios en staging antes de aplicarlos en producción.
• Usa funciones nativas de WordPress para cargar assets.
• Evita acumular varios plugins con funciones de optimización solapadas.
• Documenta exclusiones de caché, minificación y CDN.
• Comprueba la consola y Network tras cada cambio relevante.

Resumen final

Cuando WordPress deja de cargar CSS o JS, lo más habitual es encontrar un problema de caché, URLs mal resueltas, mixed content, conflictos de optimización, dependencias JavaScript o archivos inaccesibles. Los errores más frecuentes suelen verse en la consola o en Network como 404, 403, recursos bloqueados o scripts que cargan en mal orden.

El siguiente paso razonable es seguir una revisión por capas: navegador, caché, CDN, rutas, plugins, tema y servidor. Si después de estas comprobaciones el fallo persiste, puede ser recomendable una revisión técnica especializada para localizar el punto exacto de ruptura y solucionar estilos WordPress o scripts dañados sin comprometer la estabilidad de la web.