ErickPolancoDev

// BLOG · NOTAS DESDE PRODUCCIÓN

Elementor y el caché de elementos: por qué tus cambios no se ven en el sitio (y cómo arreglarlo)

Elementor y el caché de elementos por qué tus cambios no se ven en el sitio (y cómo arreglarlo)

Guardaste el cambio en Elementor. Refrescaste la página. Abriste una pestaña de incógnito. Limpiaste la caché del navegador. Y ahí sigue, exactamente igual que antes, como si nada de lo que hiciste hubiera pasado. No está roto tu sitio. Hay una caché más, y no vive en tu navegador.

Qué es el caché de elementos de Elementor

Elementor no recalcula el HTML de cada widget cada vez que alguien visita tu página. Eso sería lento: por cada botón, cada columna, cada texto, tendría que reconstruir el marcado desde cero en cada carga. En su lugar, cuando guardas un cambio en el editor, Elementor ‘hornea’ el HTML final una sola vez y lo guarda listo para servir. Aparte de eso, guarda también una copia cacheada del render individual de cada elemento por separado, con un tiempo de vida configurable, para no tener que regenerar ni siquiera esa versión horneada en cada visita.

Es una decisión de rendimiento razonable la gran mayoría del tiempo. El problema aparece cuando ese caché de elementos individuales queda desincronizado de lo que de verdad guardaste, y el sitio sigue mostrando la versión vieja aunque la base de datos ya tenga el cambio correcto.

Por qué limpiar el caché del navegador no arregla nada

Aquí está la confusión más común. El caché del navegador guarda archivos en TU computadora. El caché de elementos de Elementor vive en el servidor, en la base de datos de WordPress, y lo ve todo el mundo que visita el sitio, no solo tú. Por eso probar en modo incógnito o en otro dispositivo no cambia nada: el problema nunca estuvo del lado del navegador.

Cómo arreglarlo si eres dueño del sitio (sin tocar código)

Elementor trae una herramienta pensada exactamente para esto. Entra al menú de Elementor en tu wp-admin, busca la sección Herramientas, y usa la opción de regenerar los archivos y datos de CSS. En la mayoría de instalaciones esto fuerza a Elementor a descartar sus versiones cacheadas y reconstruir todo desde el contenido real guardado.

  1. Entra a Elementor en el menú lateral de wp-admin.
  2. Abre Herramientas (a veces aparece como ‘Tools’ si tu panel está en inglés).
  3. Busca la opción de regenerar CSS y datos, y confirma.
  4. Refresca la página afectada, sin necesidad de tocar nada en tu navegador.

Si el cambio sigue sin verse después de eso, ve al panel de Rendimiento dentro de los ajustes de Elementor y revisa si el caché de elementos está activado con un tiempo de vida muy largo. Bajarlo temporalmente, o desactivarlo mientras estás haciendo varios cambios seguidos, evita que te vuelva a pasar en plena edición.

Si editas la base de datos directamente (para agencias y desarrolladores)

Si trabajas con clientes o gestionas varios sitios y alguna vez editas el contenido de una página directo en la base de datos, por ejemplo vía un script o una migración masiva, en vez de hacerlo a mano en el editor visual, esto te va a pasar tarde o temprano. Cualquier edición directa al post_content o a los datos internos de Elementor (_elementor_data) tiene que ir acompañada de borrar también el meta específico del caché de elementos de ese mismo post. Si te saltas ese paso, el cambio queda perfectamente guardado en la base de datos, pero el visitante sigue viendo la versión vieja cacheada, sin ningún error que te avise.

Esto puede costarte horas de debugging inútil. Vas a revisar la base de datos, ver que el dato nuevo está ahí, correcto, y aun así el sitio en vivo sigue mostrando lo viejo. Parece un bug de infraestructura, un problema de servidor, de CDN, de algo externo. No lo es. Es exactamente este caché, olvidado.

Señales de que estás ante este problema y no otra cosa

  • El cambio se ve perfecto dentro del editor de Elementor, pero no en el sitio público.
  • Probaste en modo incógnito, en otro navegador, o en el celular, y sigue igual.
  • El plugin de caché general del sitio (si tienes uno) ya fue purgado y no cambió nada.
  • El cambio se hizo hace poco y afecta a un widget o sección específica, no a toda la página.

Si este tipo de problemas de rendimiento te suenan familiares, también te puede servir revisar por qué tu WordPress va lento, y si todavía estás decidiendo entre editores, la comparativa de Elementor vs Gutenberg.

Fuentes y documentación oficial

Preguntas frecuentes

¿El caché de elementos es lo mismo que un plugin de caché como WP Rocket o LiteSpeed Cache?

No. Un plugin de caché general guarda una copia estática de la página completa para servirla más rápido. El caché de elementos es una función interna de Elementor que guarda el render de cada widget por separado, independiente de si tienes o no un plugin de caché instalado. Puedes tener este problema aunque nunca hayas instalado ningún plugin de caché.

¿Desactivar el caché de elementos hace que mi sitio ande más lento?

Un poco, sí, sobre todo en páginas con muchos widgets. La recomendación práctica no es desactivarlo permanentemente, sino bajarle el tiempo de vida durante períodos donde estés editando activamente, y dejarlo en su valor normal una vez que terminas y confirmas que todo se ve bien.

¿Por qué Elementor no regenera esto automáticamente cada vez que guardo?

En la inmensa mayoría de los casos sí lo hace, guardar desde el editor visual normalmente invalida el caché correspondiente sin que tengas que hacer nada. El problema aparece específicamente cuando el contenido se modifica por fuera de ese flujo normal, por ejemplo con una edición directa a la base de datos, un script de migración, o una restauración de backup parcial. Ahí es donde el caché no se entera de que algo cambió.

¿Esto le pasa a cualquier página hecha con Elementor?

Sí, es un comportamiento del propio Elementor, no de un tema o plugin específico. Cualquier sitio que use Elementor para maquetar sus páginas tiene esta capa de caché activa por defecto. La probabilidad de toparte con el problema sube si editas contenido seguido, gestionas varios sitios, o alguna vez haces cambios por fuera del editor visual.

¿Tienes un proyecto
en mente?

Construyo agentes de IA, automatizaciones y aplicativos web que aguantan producción.

Scroll to Top