Por qué los sitios hechos con Elementor son lentos (y qué hacer al respecto)

El problema real: Elementor carga más de lo que necesitas

Elementor funciona cargando un conjunto de assets (CSS y JavaScript) en cada página, independientemente de si los widgets de esa página los necesitan o no. En versiones anteriores a Elementor 3.x, esto era dramático: se cargaban todos los estilos de todos los widgets aunque la página solo usara 3 de los 80+ disponibles.

Si abres el DevTools de Chrome en un sitio con Elementor y miras la pestaña Network, verás una lista familiar:

elementor/assets/css/frontend.min.css       → 120KB
elementor/assets/js/frontend.min.js         → 180KB
elementor-pro/assets/css/frontend.min.css   → 95KB
elementor-pro/assets/js/frontend.min.js     → 220KB

Eso son más de 600KB de assets adicionales — antes de contar el tema, los plugins y las imágenes. En una conexión móvil de gama media en Chile, eso significa 1–2 segundos adicionales de carga solo por el builder.

Impacto directo en el SEO

Un sitio lento tiene desventajas directas en el posicionamiento de Google:

• Core Web Vitals bajos: el LCP y el INP de sitios con Elementor frecuentemente superan los umbrales "necesitan mejora" o "deficiente".
• Mayor tasa de rebote: cada segundo adicional de carga aumenta el rebote. Un rebote alto envía señales negativas a Google.
• Competitive disadvantage: si tu competidor tiene un sitio más rápido con el mismo contenido, Google le dará preferencia.

El SEO moderno no se puede separar del rendimiento técnico — son la misma cosa.

Qué carga Elementor específicamente

CSS global

Elementor genera un archivo CSS con los estilos de todos los elementos que usas en el sitio. En sitios grandes o con mucha personalización, este archivo puede superar los 200KB descomprimido. Se carga en todas las páginas aunque la página individual use 10% de esos estilos.

JavaScript del editor

Para hacer el drag-and-drop interactivo, Elementor carga un sistema JS pesado que hace renders en tiempo real. Parte de eso también se carga en el front-end público del sitio para manejar animaciones, sliders y widgets dinámicos.

Inline CSS por elemento

Cada widget de Elementor genera CSS inline directamente en el HTML. Un sitio con 40 secciones puede tener cientos de líneas de CSS inline que no se cachean eficientemente.

Fuentes de Google adicionales

Si no configuras Elementor para usar las fuentes del tema, puede cargar llamadas adicionales a Google Fonts — a veces duplicadas con las del tema.

Qué hacer si tu sitio tiene Elementor

Opción 1: Optimizar sin salir de Elementor

Si no puedes o no quieres migrar, estas configuraciones reducen el impacto:

1. Activa "Improved CSS Loading" en Elementor → Configuración → Rendimiento. Carga solo el CSS de los widgets usados en cada página.
2. Activa "Inline CSS for Elements" para elementos críticos arriba del fold — reduce el render-blocking.
3. Desactiva fuentes de Google en Elementor si ya las cargas en el tema. Elementor → Configuración → Tipografía → Desactivar.
4. Instala WP Rocket o LiteSpeed Cache y activa minificación de CSS/JS, lazy load de imágenes y caché de página.
5. Usa un CDN como Cloudflare (gratis) para servir los assets estáticos desde servidores más cercanos al usuario.

Opción 2: Migrar a tema custom (la solución definitiva)

Si el sitio es estratégico para tu negocio y el rendimiento importa, la única solución permanente es migrar a un tema WordPress custom sin builder de página. El proceso implica:

1. Diseñar el nuevo sitio en Figma replicando la apariencia actual.
2. Desarrollar el tema en PHP puro con Gutenberg blocks nativos o ACF.
3. Migrar contenido página por página.
4. Verificar que todos los formularios, integraciones y analytics funcionen.
5. Lanzar con redirect 301 de las URLs antiguas si cambian.

El resultado: sitios que cargan en menos de 1.5 segundos con PageSpeed 90+, sin depender de la hoja de ruta de un plugin de tercero.

Alternativas a Elementor para un WordPress más rápido

¿Deberías eliminar Elementor hoy?

No necesariamente. Si tu sitio tiene PageSpeed de 70+ en móvil y los Core Web Vitals están en verde, Elementor no es tu problema urgente. Prioriza según el impacto real en tus métricas.

Pero si tu PageSpeed está por debajo de 50 en móvil y Elementor es parte del stack — sí, es hora de tener esa conversación sobre migración. El costo de un rediseño con tema custom se paga rápido en conversiones adicionales y menor dependencia de publicidad pagada.