Elementor Pro sin 15 plugins extras · Landings <1.8s en WordPress

Elementor Pro tiene mala fama de ser lento. Esa fama es injusta. En mis 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 documento la configuración exacta con la que levanto landings para mis clientes: 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 saco 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 uso para landings

Stack total: 3 plugins activos en vez de 15. La carga baja de forma notoria 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 el TTFB de forma notoria para tráfico internacional y algo menos para el 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 veo repetidamente

• Formulario Elementor sin reCAPTCHA v3. Te llena de spam en semanas. Activa reCAPTCHA v3 desde Elementor → Integrations (gratis).
• Sliders con 8+ slides. La mayoría 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.

Un caso típico: una pyme constructora con un sitio Elementor que cargaba lento en mobile y un PageSpeed muy bajo. 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: quité los plugins que sobraban, comprimí las imágenes a WebP y recorté las fuentes. Resultado: carga rápida y PageSpeed en verde, con el mismo hosting.

Bonus: el CPA en Meta Ads suele bajar el mes siguiente, porque Meta optimiza peor contra landings lentos.