Una web creada con Elementor puede perder velocidad por widgets, imágenes, animaciones, fuentes externas o scripts innecesarios. Mide una URL representativa en PageSpeed Insights y guarda una captura antes de cambiar ajustes.
Mejorar el rendimiento con Elementor
✉
¿Quieres más información? Escríbenos y te orientamos
Rendimiento con elementor: qué arreglar primero
Prioriza el aviso que afecte más a la experiencia real: LCP mide la carga del elemento principal, INP la respuesta a interacciones, CLS los saltos visuales y TTFB la respuesta inicial del servidor.
Relaciona cada aviso con su causa
Un LCP alto suele deberse a la imagen principal, un vídeo de fondo o un carrusel; usa una imagen del tamaño final, comprimida y en WebP o AVIF. Un INP alto apunta a JavaScript pesado de pop-ups, chats, mapas, píxeles o widgets externos. Si el CLS es alto, reserva espacio para imágenes, vídeos, formularios y el aviso de cookies.
Prioridad segura antes de tocar CSS
Empieza por imágenes redimensionadas, formatos modernos, menos vídeos de fondo y una sola caché de página; deja la eliminación de CSS no usado, el CSS diferido y el retraso de JavaScript para el final.
Impacto alto y riesgo bajo: redimensionar imágenes, activar WebP, quitar vídeos de fondo y activar una sola caché de página.Impacto medio y riesgo bajo: carga diferida para imágenes e iframes que están fuera de pantalla, revisión de fuentes web e iconos.Impacto medio y riesgo medio: minificación de CSS o JavaScript, que quita espacios y comentarios de los archivos.Impacto variable y riesgo alto: eliminar CSS no usado, diferir CSS o retrasar JavaScript.
Una caché no arregla una imagen principal de 3 MB, un DOM enorme ni un servidor lento. Corrige primero el elemento que PageSpeed Insights relaciona con el aviso.
Mapa rápido de diagnóstico en Elementor
LCP alto Comprime y simplifica
INP alto Quita o retrasa tras probar
CLS alto Fija dimensiones
TTFB alto Revisa servidor
Para medir la optimización de Elementor con criterio, registra una línea base antes de modificar nada: analiza la misma URL en PageSpeed Insights, Lighthouse y GTmetrix, usando una ventana privada y procurando repetir las pruebas con condiciones similares. PageSpeed Insights y Lighthouse ayudan a localizar recursos que afectan al LCP alto, INP alto, CLS alto o TTFB, mientras GTmetrix permite revisar la cascada de peticiones y el peso de cada archivo.
Después de cada cambio, compara la URL en laboratorio y revisa en Search Console el informe Core Web Vitals. Los datos de campo tardan en reflejarse, pero muestran la experiencia real de usuarios en lugar de una única prueba simulada.
Simplifica la página
Simplifica primero la sección superior: una imagen comprimida suele funcionar mejor que un slider con fotos, animaciones y vídeo de fondo.
Reduce DOM sin instalar otro plugin
El DOM es el árbol HTML de la página, y cada contenedor, columna o widget añade trabajo al navegador. Usa contenedores Flexbox, evita anidar bloques solo para crear márgenes y revisa cabeceras, pies y plantillas globales cargadas en todas las URLs.
Imágenes, fuentes e iconos con menos peso
WebP y AVIF reducen peso, mientras lazy load retrasa imágenes fuera de pantalla. No apliques carga diferida a la imagen LCP; limita las variantes de fuentes y revisa títulos y botones si sustituyes una tipografía.
Reducir DOM no consiste solo en borrar widgets visibles. En Elementor, sustituye secciones, columnas y contenedores usados únicamente para separar elementos por márgenes, padding o ajustes del contenedor padre. Evita crear varios widgets de encabezado, texto e icono cuando un diseño más simple resuelve la misma función, y limita las cajas anidadas en tarjetas, acordeones y bloques repetidos. Revisa también los iconos: una biblioteca completa, varios packs de iconos o iconos cargados por addons pueden añadir assets innecesarios.
Mantén pocas familias y pesos de fuentes, reutiliza plantillas globales ligeras y desactiva los widgets de terceros que no se utilicen en cada página.
Elige una caché compatible con tu hosting
Utiliza una sola caché principal: LiteSpeed Cache encaja con LiteSpeed Server, WP Rocket funciona bien en muchos hostings Apache o Nginx y Perfmatters ayuda a controlar scripts sin duplicar funciones.
Comparativa para decidir sin duplicar
Opción Coste habitual Servidor indicado Riesgo con Elementor
LiteSpeed Cache Gratis LiteSpeed Server Bajo al activar caché; medio con CSS/JS WP Rocket Pago anual Apache o Nginx Medio con retraso de JavaScript Perfmatters Pago anual Cualquier servidor Medio al desactivar scripts Caché del hosting Incluida o variable Según proveedor Bajo si excluye áreas privadas
Activa cada ajuste y comprueba el diseño
Activa primero caché de página, compresión y caché de navegador; después prueba lazy load en contenido secundario. Si el TTFB sigue por encima de 800 milisegundos con caché activa, revisa servidor, base de datos y procesos de WooCommerce.
📦
Lo encontrarás en Amazon
Un libro de consulta puede ayudarte a entender la estructura de Elementor antes de cambiar plantillas globales. Úsalo como apoyo y prueba siempre los ajustes en tu propia web.
Permite consultar conceptos de caché y estructura sin dejar abierta la pantalla de administración
Ayuda a identificar contenedores, widgets y plantillas antes de borrar elementos
Sirve para planificar cambios graduales en una web creada con Elementor
Buscar en Amazon →
✉
¿Quieres más información? Escríbenos y te orientamos
No actives todas las optimizaciones de CSS y JavaScript a la vez: diferir estilos o retrasar scripts puede mejorar una prueba y romper formularios, menús, animaciones o pop-ups.
Prueba los cambios en este orden
Haz una copia de seguridad, vacía la caché y activa un único ajuste. Revisa en ventana privada la portada y una URL interna en móvil y escritorio; después prueba menú, buscador, formulario, pop-up, acordeón, carrito y pago.
Cuándo revisar addons y el tema
Elimina addons que no aporten una función clara, porque pueden cargar CSS y JavaScript aunque uses pocos widgets. Un tema ligero como Hello Elementor no compensa animaciones excesivas, scripts externos o una infraestructura lenta.
Este enfoque no será suficiente si la lentitud viene de un hosting saturado, una base de datos dañada, procesos complejos de WooCommerce, integraciones externas lentas o un tema mal desarrollado. Resuelve primero el servidor, la infraestructura o el código; la caché no puede compensar esos problemas.
Si una optimización rompe una función, identifica primero el ajuste responsable en lugar de desactivar todo el plugin. Purga la caché, desactiva temporalmente solo el retraso de JavaScript, el CSS diferido o la eliminación de CSS no usado y comprueba de nuevo el menú, formulario, pop-up, carrito o animación afectada. Si el elemento vuelve a funcionar, excluye de forma selectiva el script, archivo CSS o selector relacionado con Elementor, WooCommerce, el plugin de formularios o el addon implicado.
Haz las exclusiones una a una y valida en móvil y escritorio. Así conservas la caché de página y la optimización de JavaScript donde no existe conflicto, sin sacrificar funciones importantes.
Lo que más preguntan
¿Me conviene un plugin de caché con elementor?
Sí, si usas una sola caché de página compatible con tu hosting. LiteSpeed Cache encaja con LiteSpeed Server y WP Rocket suele ser simple en Apache o Nginx.
¿Vale la pena eliminar CSS no usado en elementor?
Puede ayudar, pero tiene riesgo medio o alto. Haz copia de seguridad y revisa móvil, cabecera, formularios y pop-ups.
¿Qué es mejor para las imágenes, WebP o lazy load?
WebP reduce peso y lazy load retrasa contenido fuera de pantalla. Usa WebP en casi todas las imágenes, pero no lazy load en la imagen LCP.
¿Qué pasa si uso muchos addons de elementor?
Suelen añadir CSS, JavaScript y widgets que agrandan el DOM. Mantén solo los necesarios y revisa cada addon si el INP supera 200 milisegundos.
¿Por qué PageSpeed da una nota baja si mi web parece rápida?
Las pruebas de laboratorio varían según red, móvil simulado y ubicación. Comprueba también Search Console y sus datos de usuarios reales.
¿El hosting barato afecta a una web con elementor?
Sí, puede compartir pocos recursos y elevar el TTFB. Consulta si ofrece caché de servidor, PHP actualizado y recursos suficientes.
Lecturas adicionales
Si quieres ampliar información sobre este tema, estas fuentes pueden interesarte:
