Son muchas, muchísimas en realidad, las webs que usan Elementor como maquetador web, y también son muchísimos, legión, los administradores web que usamos WP Rocket para mejorar la velocidad de carga, optimización de recursos y, en definitiva, la experiencia de los usuarios.

Y también es mucha la información confusa y poco basada en la realidad que hay por ahí en referencia a cómo usar estas dos herramientas, estos plugins, conjuntamente para obtener una difícil combinación:

Que la web cargue rápido.
Consumir pocos recursos.
No romper nada.

Así que, tras un montón de años usando esta combinación de Elementor + WP Rocket, especialmente en webs de clientes, aquí tienes una guía rápida de cómo hacer convivir los ajustes y configuraciones de estos dos potentes herramientas para conseguir:

Carga rápida de todas las páginas.
Mejorar las Core Web Vitals.
Un gran diseño en el que todo funcione.

Empezamos…

Índice de contenidos

Ajustes de Elementor que DEBEN DESACTIVARSE

Funciones de rendimiento de Elementor (Elementor > Ajustes > Rendimiento)

DESACTIVAR estas funcionalidades:

Carga de imágenes optimizada– Desactivar
Carga diferida de imágenes de fondo – Desactivar

Motivo: WP Rocket ya incluye estas funcionalidades con mayor eficiencia y control granular. Mantener ambas activas puede generar conflictos y duplicación de procesos.

Experimentos de Elementor (Elementor > Ajustes > Características)

PRECAUCIÓN: Los «Experimentos en curso» de Elementor pueden generar incompatibilidades. Hacer siempre pruebas después de activar cualquier experimento.

Ajustes de Elementor que DEBEN MANTENERSE ACTIVOS

Configuración de CSS

Método de impresión de CSS: Mantener en «Archivo externo» (recomendado)
Caché de elementos: Mantener en «Por defecto» o «Activo»

Funciones propias de Elementor que no tienen equivalente en WP Rocket

ACTIVAR:

Marcado optimizado: SÍ
Fuentes de iconos integradas: SÍ

Configuración óptima de WP Rocket para Elementor

Caché

Caché móvil: SÍ (activa por defecto)
Caché de usuario: NO (salvo casos específicos)

Optimización de Archivos

ACTIVAR:

Minificar archivos CSS: SÍ
Combinar archivos CSS: NO (ajuste no disponible en versiones actuales de WP Rocket)
Minificar archivos JavaScript: SÍ
Combinar los archivos JavaScript: NO – Genera conflictos con los scripts dinámicos de Elementor

Medios

ACTIVAR:

LazyLoad para imágenes: SÍ
LazyLoad para iframes y videos: SÍ
LazyLoad para imágenes de fondo CSS: SÍ
Añadir dimensiones de imagen faltantes: SÍ

Precargar

ACTIVAR:

Precargar cache: SÍ
Precargar enlaces: SÍ (mejora la navegación)
Precargar fuentes: SÍ (solo para fuentes críticas)
Alojar localmente fuentes de Google: SÍ

Optimización avanzada

ACTIVAR CON PRECAUCIÓN:

Retrasar la ejecución de JavaScript: MUY IMPORTANTE – Esta es la funcionalidad más crítica para el rendimiento con Elementor

Configuración específica para «Retrasar la ejecución de JavaScript»

Exclusiones recomendadas para Elementor

Exclusiones con un clic (marcar en WP Rocket):

Elementor (general)
Elementor Pro (si se usa)

Exclusiones manuales adicionales si es necesario:

/jquery(-migrate)?-?([0-9.]+)?(.min|.slim|.slim.min)?.js(\?(.*))?( |'|"|>|$)
/elementor-pro/assets/lib/sticky/jquery.sticky.min.js

Problemas comunes y soluciones

Si el efecto fijo no funciona:

Añadir las exclusiones mencionadas arriba tanto en «Retrasar la ejecución de JavaScript» como en ««Cargar archivos JavaScript de manera diferida»

Si algunos widgets no cargan correctamente:

Usar la función de exclusiones con un clic para Elementor
Si persisten problemas, añadir exclusiones personalizadas específicas

Gestión de caché: Elementor o WP Rocket

Recomendación principal

Usar SOLO la caché de WP Rocket

Desactivar cualquier sistema de caché interno de Elementor
WP Rocket ofrece mayor control y optimización

Sincronización Automática

WP Rocket vacía automáticamente la caché cuando:

Se actualiza una página/entrada desde el editor de Elementor
Se cambia el modo de mantenimiento de Elementor
Se modifica el método de impresión CSS de Elementor

Funcionalidades problemáticas y soluciones

Editor de Elementor no carga (página en blanco)

Causas:

Recursos del servidor insuficientes
Conflicto con optimizaciones de WP Rocket

Soluciones:

Aumentar memoria PHP (512MB mínimo recomendado)
Temporalmente desactivar WP Rocket al editar
Excluir el editor de Elementor de las optimizaciones:
```
/wp-admin/wp-content/plugins/elementor/
```

Problemas con «Cargar archivos JavaScript de manera diferida»

Síntomas:

Elementos fijos no funcionan
Animaciones no se reproducen
Widgets interactivos fallan

Solución:

Añadir exclusiones específicas mencionadas anteriormente
Probar widget por widget si es necesario

Problemas de CSS/Diseño

Configuración recomendada:

NO combinar archivos CSS
SÍ minificar CSS individual
Excluir CSS crítico de Elementor de la minificación si es necesario

Configuración de precarga específica para Elementor

Precarga de fuentes

/wp-content/uploads/elementor/css/

Exclusiones de precarga

Excluir de precarga:

Páginas de administración
Editor de Elementor
Vista previa de Elementor

Archivos CSS de Elementor

Comportamiento especial

Los archivos CSS de Elementor están automáticamente excluidos de la minificación
Esto previene que la caché se vacíe demasiado frecuentemente
No modificar esta configuración

Optimizaciones adicionales

Usar CDN (por ejemplo, Cloudflare)
Optimizar imágenes antes de subirlas
Limitar el uso de widgets pesados de Elementor
Revisar plugins adicionales que puedan interferir

Tablas resumen de optimización: Elementor + WP Rocket

Configuración de Elementor

Función	Acción	Motivo
Carga de imágenes optimizada	DESACTIVAR	WP Rocket ya incluye LazyLoad más eficiente
Carga diferida de imágenes de fondo	DESACTIVAR	WP Rocket ya incluye LazyLoad para fondos CSS
Método de impresión de CSS	ACTIVAR (Archivo externo)	Mejor rendimiento y compatibilidad
Caché de elementos	ACTIVAR (Por defecto/Activar)	Necesario para sincronización con WP Rocket
Improved Asset Loading	ACTIVAR	No tiene equivalente en WP Rocket
Experimentos en curso	PRECAUCIÓN	Pueden causar incompatibilidades

Configuración de WP Rocket

Función	Configuración	Motivo
Caché móvil	ACTIVAR	Mejora rendimiento móvil
Minificar archivos CSS	ACTIVAR	Reduce tamaño archivos CSS
Combinar archivos CSS	DESACTIVAR	Causa problemas de los diseños de Elementor
Minificar archivos JavaScript	ACTIVAR	Reduce tamaño archivos JS
Combinar archivos JavaScript	DESACTIVAR	Conflictos con scripts dinámicos de Elementor
LazyLoad para imágenes	ACTIVAR	Mejora tiempo de carga
Retrasar la ejecución de JavaScript	ACTIVAR	Crítico para rendimiento (requiere exclusiones)
Precargar cache	ACTIVAR	Mejora navegación

Exclusiones críticas para retrasar el JavaScript

Tipo	Exclusión	Cuándo usar
Con un clic	Elementor	Siempre
Con un clic	Elementor Pro	Si se usa Elementor Pro
Manual	`/jquery(-migrate)?-?([0-9.]+)?(.min\|.slim\|.slim.min)?.js(\?(.*))?( \|'\|"\|>\|$)`	Si sticky no funciona
Manual	`/elementor-pro/assets/lib/sticky/jquery.sticky.min.js`	Si sticky no funciona

Problemas comunes y soluciones

Problema	Síntoma	Solución
Editor no carga	Página en blanco	Aumentar memoria PHP (512MB+) y excluir `/wp-admin/` de las optimizaciones
Elemento fijo no funciona	Elementos no quedan fijos	Añadir exclusiones jQuery y fijas
Widgets que fallan	Elementos interactivos no responden	Usar exclusiones con un clic para Elementor en WP Rocket
Diseño roto	Diseño desordenado	Comprobar que está desactivado «Combinar archivos CSS» (si no se tiene la última versión de WP Rocket) y verificar exclusiones
Animaciones no funcionan	Efectos no se reproducen	Añadir exclusiones JS específicas para las animaciones

Gestión de caché

Elemento	Recomendación	Observación
Caché principal	Solo WP Rocket	Desactivar caché interna de Elementor
Vaciado automático	Configurado por defecto	Se vacía al actualizar en editor Elementor
Archivos CSS	Excluidos automáticamente	No modificar esta configuración
Sincronización	Automática	Funciona entre ambos plugins

Métricas clave de rendimiento WP Rocket + Elementor (objetivos)

Métrica	Valor objetivo	Importancia
First Contentful Paint (FCP)	< 1.8s	Alta
Largest Contentful Paint (LCP)	< 2.5s	Crítica
Cumulative Layout Shift (CLS)	< 0.1	Alta
First Input Delay (FID)	< 100ms	Media

Lista completa de configuración y verificación

Como extra, aquí te dejo una tabla adicional con todas las comprobaciones y revisiones que te recomiendo hacer para optimizar al máximo la configuración de WP Rocket y Elementor para conseguir el mejor rendimiento posible.

Fase	Tarea específica	Ubicación/Configuración	Estado
Configuración Elementor	Desactivar «Carga optimizada de imágenes»	Elementor > Ajustes > Rendimiento	⬜
Configuración Elementor	Desactivar «Carga diferida de imágenes de fondo»	Elementor > Ajustes > Rendimiento	⬜
Configuración Elementor	Configurar método de impresión de CSS = Archivo externo	Elementor > Ajustes > Rendimiento	⬜
Configuración Elementor	Activar caché de elementos (Por defecto/Activar)	Elementor > Ajustes > Rendimiento	⬜
Configuración Elementor	Revisar experimentos en curso (precaución)	Elementor > Ajustes > Características	⬜
Caché WP Rocket	Activar caché móvil	WP Rocket > Add-On	⬜
Caché WP Rocket	Activar precargar caché	WP Rocket > Precargar	⬜
Caché WP Rocket	Configurar precargar enlaces	WP Rocket > Precargar	⬜
Optimización CSS	Activar «Minificar archivos CSS»	WP Rocket > Optimización de archivos	⬜
Optimización CSS	DESACTIVAR «Combinar archivos CSS»	Inactivo por defecto en últimas versiones	⬜
Optimización CSS	Verificar que los diseños se muestran correctamente	Parte visible del sitio	⬜
Optimización CSS	Comprobar que funcione el responsive	Diferentes dispositivos	⬜
Optimización JavaScript	Activar «Minificar archivos JavaScript»	WP Rocket > Optimización de archivos	⬜
Optimización JavaScript	DESACTIVAR «Combinar archivos JavaScript»	WP Rocket > Optimización de archivos	⬜
Optimización JavaScript	Activar «Retrasar la ejecución de JavaScript»	WP Rocket > Optimización de archivos	⬜
Optimización JavaScript	Marcar exclusión «Elementor» (con un clic)	WP Rocket > Optimización de archivos > Exclusiones	⬜
Optimización JavaScript	Marcar exclusión «Elementor Pro» (si aplica)	WP Rocket > Optimización de archivos > Exclusiones	⬜
Optimización JavaScript	Añadir exclusiones jQuery/fijos (si necesario)	WP Rocket > Optimización de archivos > Exclusiones	⬜
Optimización JavaScript	Probar funcionalidades críticas del sitio	Parte visible del sitio	⬜
Optimización medios	Activar «LazyLoad para imágenes»	WP Rocket > Medios	⬜
Optimización medios	Activar «LazyLoad para iframes y videos»	WP Rocket > Medios	⬜
Optimización medios	Activar «LazyLoad para imágenes de fondo CSS»	WP Rocket > Medios	⬜
Optimización medios	Activar «Añadir dimensiones de imagen faltantes»	WP Rocket > Medios	⬜
Verificación del editor	Verificar que editor de Elementor carga	wp-admin/post.php?post=X&action=elementor	⬜
Verificación del editor	Aumentar memoria PHP si es necesario (512MB+)	wp-config.php o hosting	⬜
Verificación del editor	Excluir /wp-admin/ si hay problemas	WP Rocket > Optimización avanzada	⬜
Prueba de funcionalidades	Comprobar que todos los widgets funcionan	Páginas con widgets Elementor	⬜
Prueba de funcionalidades	Verificar efectos sticky y animaciones	Páginas con efectos	⬜
Prueba de funcionalidades	Probar formularios y elementos interactivos	Páginas con formularios	⬜
Prueba de funcionalidades	Verificar sliders y carruseles	Páginas con sliders	⬜
Métricas de rendimiento	Medir las Core Web Vitals	Google PageSpeed Insights	⬜
Métricas de rendimiento	Verificar FCP < 1.8s	PageSpeed/GTmetrix	⬜
Métricas de rendimiento	Verificar LCP < 2.5s	PageSpeed/GTmetrix	⬜
Métricas de rendimiento	Verificar CLS < 0.1	PageSpeed/GTmetrix	⬜
Métricas de rendimiento	Verificar FID < 100ms	PageSpeed/GTmetrix	⬜
Métricas de rendimiento	Probar en diferentes dispositivos	Móvil, tableta, escritorio	⬜
Verificación final	Vaciar caché completa	WP Rocket > Limpiar caché	⬜
Verificación final	Crear copia de seguridad de la configuración	Exportar configuración de WP Rocket	⬜
Verificación final	Programar revisión de rendimiento	Calendario	⬜

¿Quieres la lista de comprobación en un PDF fácil de usar?

Descárgala en este enlace

Nota importante: Siempre realiza una copia de seguridad antes de aplicar cualquiera de estos cambios y haz pruebas en un entorno de staging primero. La configuración óptima puede variar según el tema, plugins adicionales y tipo de contenido del sitio web, así que no tomes este tutorial al pie de la letra, sino como una guía orientativa de ajustes a comprobar.