Elementor Pro tiene mala fama de ser lento. Esa fama es injusta. En nuestras mediciones, un sitio Elementor bien configurado pesa similar a un sitio hecho en Webflow y carga en la misma franja. El problema no es el builder — es el ecosistema de plugins que el implementador promedio le monta encima.

En esta guía documentamos la configuración exacta con la que levantamos landings para clientes SMX: sin plugins innecesarios, aprovechando los widgets nativos al máximo, con CSS custom por widget cuando corresponde. Target: PageSpeed mobile 90+, carga bajo 1.8s en 4G.

Los 5 “plugins problema” que siempre sacamos en auditorías

Cada auditoría de performance en sitio Elementor parte mirando esta lista. 9 de cada 10 veces sobran al menos 3:

  • Essential Addons / Ultimate Addons / Happy Addons. Cargan ~150KB de JS+CSS por página aunque uses 1 widget. Si usas 2 widgets, migra a widgets nativos o custom HTML.
  • WP Rocket + Autoptimize + WP Optimize simultáneos. Sí, hay sitios con los 3 activos. Pelean entre ellos. Deja solo uno.
  • Smush + Imagify + ShortPixel a la vez. Misma historia. Un solo optimizador de imágenes, y que haga WebP automático.
  • Chat widget + pop-up builder + slider carrusel como plugins separados. Los tres cargan JS externo que bloquea el hilo principal.
  • Backup pesado corriendo en horario comercial (UpdraftPlus mal programado). No afecta carga directa, pero satura CPU del hosting en horas pico.

Stack mínimo que usamos en SMX para landings

FunciónPlugin / soluciónPor qué
BuilderElementor ProBase
Caché + optimizaciónHosting con LiteSpeed + LScacheSupera WP Rocket sin costo de plugin extra. 0 peso extra en frontend.
Imágenes WebPFunción nativa de Elementor 3.5+ + LiteSpeedConversión automática sin plugin adicional.
SEORank Math (free) o Yoast (free)Más liviano que SEOPress. Sin módulos pagos activos.
SeguridadWordfence free + 2FA server-levelCualquier premium es overkill para landings sin ecommerce.
TrackingGoogle Tag Manager inyectado por Theme OptionsNo uses el widget tracker de Elementor — carga extra.
FormulariosElementor Form widget + webhook CRMNo Contact Form 7, no WPForms, no Gravity.

Stack total: 3 plugins activos en vez de 15. Carga promedio baja 40–55% por este cambio aislado.

Configuración Elementor para performance

1 · Experiments > Optimized Markup

En Elementor → Settings → Features, activa:

  • Optimized Markup (reduce divs anidados ~30%).
  • Inline Font Icons (no carga FontAwesome externo).
  • Lazy Load Background Images.
  • Additional Custom Breakpoints solo si los usas.
  • Desactiva Container Grid si aún trabajas con secciones/columnas clásicas — no mezcles estructuras.

2 · Carga de Google Fonts

Error común: cargar 4 pesos de Inter + 2 pesos de Playfair sin usar la mitad. Cada peso son ~25KB.

Regla SMX: máximo 2 fuentes, máximo 2 pesos por fuente en landings. Carga desde Theme Options como font-display: swap para evitar FOIT.

Método recomendado: usar Google Webfonts Helper para descargar los .woff2 y servirlos desde tu propio dominio (elimina DNS lookup a fonts.gstatic.com).

3 · Hero section sin video de fondo en mobile

El video de fondo hero es el asesino silencioso de Elementor. Soluciones:

  • Video solo en desktop (condicional via CSS @media).
  • Poster image WebP bajo 150KB.
  • preload="none" y autoplay con muted obligatorio.
  • Duración ≤ 15 segundos, peso ≤ 2MB.

CSS ID del widget: hero-video. Agrega en la pestaña Advanced → Custom CSS:

@media (max-width: 768px) { selector video { display: none !important; } }

4 · Imágenes: regla de los 3 tamaños

Elementor genera copias en varios tamaños. Asegúrate de que tu upload respete esta jerarquía:

  • Hero desktop: 1920×1080 WebP ≤ 180KB.
  • Hero mobile: 768×960 WebP ≤ 95KB (versión distinta, no la misma redimensionada).
  • Cards/features: 600×400 WebP ≤ 50KB c/u.

Jamás subas PNGs o JPGs pesando más de 500KB. Pásalos por Squoosh antes del upload — convierte a WebP con compresión lossy 75%.

5 · Theme Builder: usa Hello Theme

Hello Theme es el tema oficial de Elementor, pesa 7KB. Alternativas populares (Astra, GeneratePress, OceanWP) son buenas, pero pesan 40–120KB y agregan panel de opciones que rara vez usas.

Con Hello + Elementor Pro haces todo via Theme Builder: header, footer, archivos, singles. Menos código cargado, menos conflictos.

Test de performance previo al lanzamiento

Antes de salir a producción, cada landing pasa por estos 5 checks:

  1. PageSpeed Insights mobile ≥ 85 (90 ideal).
  2. LCP < 2.5s, FID/INP < 200ms, CLS < 0.1.
  3. GTmetrix Waterfall: no más de 35 requests totales.
  4. Total page weight bajo 1.2MB con caché en frío.
  5. Render-blocking resources: cero (todo defer o async).

Si alguno falla, no se lanza. Sin excepción.

Hosting: la variable que nadie discute

Puedes tener el Elementor más optimizado del mundo en un hosting compartido de $1.500/mes y no llegar bajo 3s. El hosting es la mitad de la ecuación.

Recomendación SMX (precio-rendimiento en Chile):

  • Hosting chileno: HostingPlus VPS con LiteSpeed (desde ~$12.000 CLP/mes).
  • Gestionado: Cloudways + DigitalOcean NYC (USD 14/mes, hablando con CDN Cloudflare entrega casi igual que chileno).
  • Premium: Kinsta o WP Engine si el cliente lo paga — no se justifica para landings pymes promedio.

Evita: hosting compartido de $1.990 con “recursos ilimitados”. La letra chica dice “throttling tras 20% de CPU”. Tu landing cae en horas pico.

Cloudflare: CDN + cache gratis

Plan free de Cloudflare configurado correctamente reduce TTFB 40–60% para tráfico internacional y 15–25% nacional. Configuración mínima:

  • Activar proxy (naranja) en registros A y CNAME del dominio.
  • SSL/TLS mode: Full (Strict).
  • Caching → Browser Cache TTL: 4 hours.
  • Speed → Optimization → activar Auto Minify (JS, CSS, HTML).
  • Rules → Page Rule: tu-dominio.cl/* → Cache Level: Cache Everything, Edge Cache TTL: 2 hours.

Errores que vemos repetidamente

  • Formulario Elementor sin reCAPTCHA v3. Te llena de spam en semanas. Activa reCAPTCHA v3 desde Elementor → Integrations (gratis).
  • Sliders con 8+ slides. El 87% de los usuarios no pasa del segundo. Usa máximo 3 slides o reemplaza por grid estático.
  • Animaciones en scroll en todos los widgets. Carga cognitiva + CLS penalizado. Úsalas solo en hero y en un bloque clave.
  • Custom CSS global gigante en Theme Options. Si tienes 300 líneas de CSS custom, probablemente 200 son duplicaciones de lo que Elementor ya hace. Audita.

Pyme constructora, Región del Maule. Sitio Elementor existente cargaba 7.2s en mobile. PageSpeed 23/100. El cliente pensaba que era problema del hosting y quería cambiarlo.

Diagnóstico: 17 plugins activos (9 innecesarios), hero con video 8MB, slider con 12 imágenes PNG, font stack con 6 pesos. Sin cambiar hosting: removimos 11 plugins, comprimimos imágenes a WebP, recortamos fuentes. Resultado final: 1.6s de carga, PageSpeed 94.

Bonus: bajamos CPA en Meta Ads 28% el mes siguiente, porque Meta optimiza peor contra landings lentos.