¿Has activado la caché y, de repente, Elementor, Divi o tus páginas muestran fuentes extrañas, diseños descolocados o cambios invisibles? Normalmente no has estropeado tu sitio: una optimización agresiva está interfiriendo con los archivos que necesita el constructor visual.
✉
¿Quieres más información? Escríbenos y te orientamos
Detecta el ajuste que rompe tu constructor
Desactiva la última optimización activada y comprueba la página en incógnito. Esta prueba tarda pocos minutos y evita culpar a Elementor, Divi o Bricks cuando el diseño original sigue guardado.
Revisa CSS antes de tocar JavaScript
Desactiva primero la combinación de CSS y la eliminación de CSS no usado. Un constructor visual genera estilos para cada plantilla, cabecera y versión móvil; si una herramienta elimina una regla que aparece tras pulsar una pestaña, el widget puede perder su formato.
Retrasa scripts con prudencia
Desactiva el retraso de JavaScript si falla un menú, popup, slider o editor. No actives minificación, combinación, retraso y lazy load a la vez: si cambias cuatro opciones, no sabrás cuál rompió el módulo. La documentación de WordPress.org recomienda probar los cambios de rendimiento de forma controlada.
Constructor Caché que encaja Ajuste que probar primero Riesgo habitual Elementor WP Rocket o LiteSpeed Cache Retraso de JavaScript CSS generado antiguo Divi Builder WP Rocket o Cloudflare Combinación de CSS Módulos sin estilo WPBakery LiteSpeed o Autoptimize Minificación JS Shortcodes sin cargar Bricks LiteSpeed o Cloudflare APO CSS no usado Cabecera dinámica Gutenberg WP Rocket o Autoptimize Combinación CSS Bloques de terceros
Si el problema continúa con las optimizaciones apagadas, aísla WordPress antes de modificar más ajustes. El modo seguro de Elementor permite comprobar si el editor carga sin la influencia del tema o de plugins de terceros, mientras que el modo de resolución de problemas de Health Check puede activar temporalmente un tema estándar y deshabilitar extensiones solo para tu sesión administrativa. Si el error persiste, revisa el registro de depuración de WordPress, los registros PHP del hosting y la consola del navegador: un error 500, falta de memoria, una petición bloqueada o un archivo con respuesta 404 no se corrige purgando caché.
Esta comprobación también ayuda a separar un conflicto del builder de una incompatibilidad de PHP, una regla de seguridad o un fallo del servidor.
✉
¿Quieres más información? Escríbenos y te orientamos
Vacía la capa de caché que conserva el fallo
Comprueba en incógnito y purga las capas que puedan guardar esa página. La caché puede vivir en el navegador, WordPress, hosting, CDN o los archivos CSS generados por el propio constructor.
Sigue el síntoma hasta su caché
Usa el síntoma para elegir qué borrar. Si solo tú ves una versión antigua, borra la caché del navegador y prueba en incógnito. Si todos ven el cambio viejo, purga plugin, hosting y CDN; si el editor carga estilos pasados, regenera antes los archivos del builder.
Árbol rápido de diagnóstico
¿No ves un cambio? Abre incógnito.
Solo falla en tu equipo: borra caché del navegador.
Falla para todos: purga plugin, hosting y CDN.
¿Editor o estilos rotos? Desactiva optimización de archivos y regenera CSS del builder.
Regenera recursos tras una actualización
Regenera los datos del constructor después de actualizar una plantilla, tema o plugin. En Elementor entra en Elementor > Herramientas y regenera archivos y datos; en Divi, guarda la plantilla afectada y borra la caché estática si está activa.
Aísla el conflicto y crea exclusiones seguras
Desactiva una sola opción, prueba la URL afectada y anota el resultado. Empieza por combinación de CSS y JavaScript, sigue con minificación, después JavaScript diferido y termina con CSS no usado y lazy load.
Excluye rutas con contenido personal
Excluye del caché de página el carrito, checkout, mi cuenta y vistas previas. En «Nunca almacenar en caché URLs» añade estas rutas, adaptándolas al idioma de tu web:
/cart/ y /checkout/ para WooCommerce./my-account/ y páginas de acceso para usuarios conectados./wp-admin/ , vistas previas y rutas de edición del constructor.Páginas de formularios que muestran datos según cookies o sesión. Excluye archivos solo al confirmar el fallo
Añade una exclusión del archivo CSS o JS únicamente cuando la prueba confirme el conflicto. En WP Rocket, LiteSpeed Cache o Autoptimize busca las exclusiones de CSS o JavaScript y pega el identificador confirmado; si no sabes cuál es, deja desactivada esa función concreta.
Excluye un recurso solo después de identificarlo en la prueba. Por ejemplo, si los estilos rotos en Elementor desaparecen al desactivar la eliminación de CSS no usado, revisa en las herramientas del navegador qué hoja o script falla y excluye únicamente ese identificador de la optimización conflictiva. En una configuración de WP Rocket y Elementor, los archivos de frontend del constructor, sus dependencias de widgets o una librería de carrusel pueden requerir que no se retrase su carga si el fallo está confirmado; no deben excluirse por defecto.
Lo mismo ocurre con LiteSpeed Cache y Page Builders: conserva la minificación que funciona y desactiva o excluye solo la combinación, el retraso o la eliminación que altere un módulo concreto. Tras cada cambio, purga, prueba en incógnito y comprueba móvil, sesión iniciada y vista pública.
✉
¿Quieres más información? Escríbenos y te orientamos
Dudas habituales
¿Por qué elementor no muestra cambios?
Puede estar sirviendo CSS generado antiguo o una copia del navegador, plugin, hosting o CDN. Regenera archivos en Elementor y purga las capas en ese orden.
¿Cómo borro la caché de elementor?
Entra en Elementor > Herramientas y ejecuta la regeneración de archivos y datos. Después vacía la caché del plugin, del hosting y de Cloudflare si lo usas.
¿Por qué se rompe al activar caché?
Normalmente se altera el orden de CSS o JavaScript de un widget. Desactiva la última optimización activada y prueba en incógnito antes de cambiar otra opción.
¿Debo excluir usuarios conectados?
Sí, cuando ven pedidos, cursos, paneles o contenido personal. Una sesión conectada no debe recibir una caché pública de página.
¿Puedo usar WP rocket y autoptimize?
Sí, pero no actives la misma minificación, combinación o retraso en ambos. Deja cada tarea en un solo plugin para evitar archivos procesados dos veces.
¿Cloudflare puede guardar estilos antiguos?
Sí, Cloudflare puede servir una copia antigua aunque WordPress ya tenga la nueva. Purga primero el builder y el plugin, luego el hosting y al final Cloudflare.
¿Cuándo debo crear una web de pruebas?
Créala antes de activar CSS no usado, JavaScript diferido o Cloudflare APO en una tienda o web con reservas. Una copia de pruebas reduce el riesgo de afectar ventas o formularios reales.
Conserva velocidad sin perder el diseño
Guarda una copia, activa una opción por vez y comprueba las páginas críticas. Revisa inicio, móvil, menú, formulario, carrito y checkout antes de dar por bueno cualquier cambio.
Una web rápida debe mantener funciones reales, no solo una buena nota en Core Web Vitals. Un checkout roto cuesta más que unas décimas de mejora en LCP o CLS.
⚠️ Antes de actualizar tema, builder o caché en una web con ventas, crea una copia de seguridad y prueba los cambios fuera de horas de mayor tráfico.
