Cómo hacer Elementor más rápido: lo que aportan de verdad los ajustes (medido)

El resultado

La misma página de Elementor en siete estados, medida cinco veces en móvil y cinco en escritorio. La tabla muestra la mediana.

El menú, el carrusel, el acordeón, el formulario y la ventana emergente funcionaron en todos los estados, sin errores en el navegador.

Lo que Elementor ya hace por sí solo

Estas opciones vienen activadas de serie en Elementor 4.3. Juntas suponen en nuestra prueba un segundo de carga y 214 KB de peso:

• Carga de imágenes optimizada (pestaña Rendimiento): la imagen más importante de arriba tiene prioridad y las de más abajo cargan al hacer scroll.
• Carga optimizada de Gutenberg (Rendimiento): los archivos del editor de bloques solo se cargan si la página los necesita.
• Carga diferida de imágenes de fondo (Rendimiento): las imágenes de fondo, salvo la primera, cargan cuando entran en pantalla.
• Fuentes de iconos integradas (Características): los iconos se insertan como pequeños gráficos en vez de cargar toda la fuente Font Awesome.
• Marcado optimizado (Características): Elementor genera un HTML más ligero.
• Caché de elementos (Rendimiento, por defecto «1 día»): Elementor guarda los elementos ya generados. En nuestra página de prueba no hubo diferencia medible, pero tampoco perjudica.

Importante en webs antiguas: si tu web se creó con una versión anterior de Elementor, puede tener guardado «Inactivo» en lugar de «Por defecto». Entonces no aprovechas las ventajas. En Elementor → Editor → Ajustes → Caracteristicas, comprueba que Fuentes de iconos integradas y Marcado optimizado estén en «Por defecto» o «Activo» y que el punto verde esté encendido.

La mayor palanca: las fuentes

Elementor carga sus fuentes por defecto (Roboto y Roboto Slab) desde Google. Solo con Cargar localmente las fuentes de Google (pestaña Rendimiento → Activar) la carga en móvil bajó de 4,59 a 3,94 segundos, y ya no llega ninguna IP de visitante a Google. Cómo hacerlo y qué pasa por detrás lo explicamos en Google Fonts en local.

Sin fuentes web es aún más rápido: con Google Fonts en Desactivar (pestaña Avanzado), la página se quedó en 3,26 segundos. El navegador usa entonces las fuentes que ya tiene el dispositivo.

Lo que no aportó nada

• Archivos CSS optimizados (Caracteristicas, todavía en fase alfa): 3,93 en vez de 3,94 segundos, dentro de la variación normal. Nuestra recomendación: dejarlo desactivado hasta que esté terminado.
• Método de impresión de CSS «Incrustación interna» (Rendimiento): cinco peticiones menos, pero sin carga más rápida. Con «Archivo externo» el navegador puede reutilizar el CSS en otras páginas, así que «Archivo externo» sigue siendo la mejor opción.
• Caché de elementos desactivada: 4,70 en vez de 4,59 segundos, también dentro de la variación. El tiempo de respuesta del servidor no cambió. Déjala como viene.

Lo que Elementor no puede resolver

En todos los estados el servidor tardó entre 0,6 y 0,8 segundos en dar la primera respuesta. Es el tiempo que WordPress dedica a construir la página en cada visita, y ningún ajuste de Elementor lo cambia. Para eso necesitas una caché de página, que probamos a continuación con WP Rocket.

Lista de comprobación

• Rendimiento: Carga de imágenes optimizada, Carga optimizada de Gutenberg y Carga diferida de imágenes de fondo en Activar
• Rendimiento: Cargar localmente las fuentes de Google en Activar (o desactivar Google Fonts del todo en Avanzado)
• Rendimiento: Método de impresión de CSS en Archivo externo, Caché de elementos por defecto
• Caracteristicas: Fuentes de iconos integradas y Marcado optimizado activos (punto verde), Archivos CSS optimizados desactivado
• Después, vacía la caché de Elementor en Herramientas (Vaciar archivos y datos)

Para curiosos de la técnica: montaje y datos en bruto

• Laboratorio: WordPress 7.1.4, PHP 8.4, Hello Elementor 3.5, Elementor 4.3.6, Elementor Pro 4.3.2, hosting compartido en All-Inkl, sin plugin de caché. Página de referencia con imagen principal, cajas de iconos, carrusel de opiniones, galería, acordeón, formulario y ventana emergente. Metodología
• Medición: Lighthouse 13.5.0, 5 pasadas en móvil (con limitación) y en escritorio tras una carga de calentamiento, laboratorio restaurado al mismo snapshot antes de cada estado y CSS de Elementor regenerado después.
• Estados: «Opciones de rendimiento desactivadas» = e_font_icon_svg y e_optimized_markup inactivos, optimized_image_loading, optimized_gutenberg_loading y lazy_load_background_images desactivados (la caché de elementos siguió activa). «Google Fonts desactivado» = google_font desactivado y además e_optimized_css_files activo, que por sí solo no cambió nada medible. «Sin caché de elementos» = element_cache_ttl en disable.
• Prueba de funcionamiento en cada estado con un navegador automatizado: el menú hamburguesa se abre, el carrusel arranca, se abre la segunda entrada del acordeón, el formulario está presente, la ventana emergente se abre y no hay errores en la consola. Todo superado.
• Conexiones hacia fuera (registradas con Connection Monitor): con «Cargar localmente las fuentes de Google», el servidor descarga una vez 25 archivos de fuentes de Google en 227 peticiones. Después, los navegadores de los visitantes no hicieron peticiones a servidores externos.
• Transparencia: descartamos una primera serie de mediciones porque en ese momento había otros trabajos en el mismo servidor y la prueba de funcionamiento no se había iniciado. Todos los valores de arriba proceden de la repetición sin carga paralela. Los datos descartados se conservan en nuestro archivo.
• Datos en bruto: messdaten.csv con las 70 pasadas. Medido el 7 de noviembre de 2026.