DiarioWordPress sin constructores

Por qué Elementor hace lenta tu web (y qué hacer)

Medí dos webs mías, una con Elementor y otra a medida: qué hace lenta una web con Elementor, qué parte es culpa suya y qué puedes hacer hoy.

La portada de nomadict.org, una web que hice con WordPress y Elementor Pro

Elementor no hace lenta una web por sí solo, pero lo pone muy fácil: cada widget, cada tipografía y cada complemento añaden archivos que el visitante descarga aunque no los use. El resultado suele ser una página con el triple de elementos y decenas de archivos de código. Lo he medido en dos webs mías: nomadict.org, hecha con Elementor Pro, y nomadictmedia.com, hecha a medida.

nomadict.orgWordPress + Elementor Pronomadictmedia.comHecha a medida

Cara a cara

Archivos de código (JavaScript y CSS)
1125
Peso del código
2,1 MB77 KB
Tipografías
14 · 646 KB5 · 118 KB
Elementos en la página
1561517
Trabajo del procesador
5,6 s2,4 s
Nota de rendimiento en móvil
49 / 10072 / 100

¿De dónde sale el peso de nomadict.org?

Quita piezas para ver cuánto pesaría sin ellas.

Descarga6,5 MB

Medido por mí con Lighthouse 12 en un móvil simulado, mediana de tres pasadas, 27 de octubre de 2026. Las dos webs son de Nomadict y las hice yo.

Las dos webs, medidas el mismo día y en las mismas condiciones. Abajo puedes quitar piezas de nomadict.org para ver cuánto pesa cada una.

Lo que muestran las mediciones

nomadict.org descarga 112 archivos de JavaScript y CSS (2,1 MB de código) y su página tiene 1561 elementos. nomadictmedia.com descarga 5 archivos (77 KB) y tiene 517 elementos. El procesador del móvil trabaja 5,6 segundos con la primera y 2,4 con la segunda, y Lighthouse les da un 49 y un 72 de rendimiento.

Pero el reparto del peso cuenta algo más interesante: lo que más pesa en nomadict.org no es Elementor. Es un vídeo de YouTube incrustado en la portada (4,2 MB entre el vídeo y su reproductor), seguido de los servicios de Google y Facebook. Elementor y Elementor Pro suman unos 800 KB, y casi tres cuartas partes son tipografías.

Por qué una web con Elementor acaba pesando

  • Tipografías por todas partes. Elementor deja elegir una fuente distinta en cada widget. En nomadict.org eso son seis familias (Lato, Raleway, Open Sans, Montserrat, Josefin Sans y Roboto) y tres fuentes de iconos: 12 archivos y 578 KB solo en letras.
  • Más capas de las necesarias. Cada bloque se envuelve en varias capas de código para que el editor pueda moverlo. Por eso la página tiene tres veces más elementos que una hecha a mano, y el móvil tarda más en dibujarla.
  • Código por si acaso. Muchos widgets y complementos cargan sus scripts y estilos en todas las páginas, se usen o no.
  • Lo que se añade con él. Como es tan fácil incrustar un vídeo, un formulario con reCAPTCHA o un píxel de publicidad, se acumulan. Cada uno trae su propio código, y no lo controlas tú.

Qué puedes hacer hoy sin cambiar de web

  • Activa las opciones de rendimiento de Elementor. En sus ajustes (apartados de rendimiento y funciones): iconos en línea, que evitan cargar Font Awesome y eicons; marcado optimizado; CSS en archivo externo, y caché de elementos. Pruébalas antes en una copia de la web: alguna puede mover el diseño.
  • Usa una o dos tipografías. Las mismas en toda la web. Es lo que más se nota con menos esfuerzo.
  • Cambia los vídeos de YouTube por una imagen. Una foto con un botón de reproducir que cargue el reproductor solo cuando alguien lo pulsa. En la portada de nomadict.org eso ahorraría más de 4 MB.
  • Revisa los servicios de terceros. reCAPTCHA en todas las páginas, píxeles que nadie consulta, chats: cada uno, solo donde haga falta.
  • Mide antes y después. PageSpeed Insights es gratis. Mira siempre el resultado en móvil.

Si vas a empezar una web nueva con Elementor, la versión 4 (el editor «atómico», que Elementor usa por defecto en las webs nuevas desde abril de 2026) genera un código más limpio. Según la propia Elementor, si mezclas widgets antiguos y nuevos la mejora depende de cada caso.

Cuándo merece la pena dejar Elementor

Si después de todo eso la web sigue lenta, o cada cambio de diseño rompe algo, el problema ya no son los ajustes: es la herramienta. Las alternativas son un tema de WordPress a medida con bloques nativos, donde tu equipo sigue editando en WordPress, o una web a medida con un gestor de contenidos. Lo comparo en WordPress con constructor o web a medida.

Una aclaración: esto no va contra Elementor. Hice nomadict.org con él porque era lo que pedía el proyecto, y para montar páginas rápido sin programar es muy cómodo. El precio se paga después, en cada visita.

En resumen

Una web con Elementor no es lenta por definición, pero tiende a acumular: tipografías, capas de código, scripts que se cargan siempre y servicios de terceros. Empieza por lo que más pesa (vídeos incrustados, fuentes y terceros), activa las opciones de rendimiento y mide. Si aun así no basta, es momento de pensar en otra base.

¿Quieres saber qué frena la tuya? Cuéntame qué web tienes y la medimos juntos.

Sigue leyendo

  1. 2 min de lecturaWordPress con constructor o web a medida: cuándo compensa cada unaTres maneras de hacer una web, qué ofrece cada una y un test rápido para saber cuál encaja con tu proyecto.
  2. 2 min de lecturaQué preguntar antes de contratar a un diseñador webDiez preguntas para elegir a quien hará tu web, con la respuesta que deberías oír y las señales de alarma. Las mismas que me gustaría que me hicieran a mí.
  3. 3 min de lecturaVídeo de fondo en una web: cómo usarlo sin que la haga lentaUn vídeo de portada puede pesar más que toda la web. Cómo lo preparo para que pese poco, cargue rápido y no moleste, con datos reales de un plano mío.