Como acelerar un sitio hecho con Elementor

Si tu sitio hecho con Elementor esta cargando lento y no sabes por donde empezar a optimizarlo, llegaste al lugar correcto. Acelerar Elementor en 2026 ya no es una cuestion de magia ni de plugins magicos, sino de aplicar una serie de ajustes especificos que la propia herramienta trae por defecto. En este articulo te voy a contar como dejar tu sitio Elementor cargando en menos de 3 segundos: ajustes experimentales, contenedores Flexbox, optimizacion de CSS y JS, cache, imagenes WebP, manejo de fuentes y uso de CDN.

Te aviso de una: Elementor ha mejorado bastante en velocidad desde 2020. Si tu sitio todavia es lento, no es culpa de Elementor en si, sino de como esta configurado. Vamos a revisarlo punto por punto.

Por que los sitios Elementor suelen ser lentos

Elementor es un page builder muy potente, pero esa potencia tiene un costo. Cada widget que pones genera HTML, CSS y a veces JavaScript adicional. Si llenas una pagina con 50 widgets distintos, animaciones, parallax, popups y videos embebidos, vas a tener una pagina de 4 MB que tarda 8 segundos en cargar.

El otro problema tipico es que la gente acumula plugins. Empiezan con Elementor Pro, luego le agregan Essential Addons, despues Crocoblock JetEngine, despues Premium Addons, y al final tienen 4 plugins de addons que cargan estilos y scripts en paralelo. Cada uno suma peso a la pagina final.

Lo bueno es que casi todos estos problemas se resuelven con los ajustes que vienen integrados en Elementor desde la version 3.0 en adelante. Veamoslos uno por uno.

Activar los ajustes experimentales que ya son estables

En Elementor, Settings, Experiments hay una lista de opciones que reducen drasticamente el peso de tu sitio. Aunque dicen experimental, la mayoria ya estan estables y se recomienda activarlas. Estos son los que mas impacto tienen.

Improved CSS Loading

Hace que el CSS de Elementor se cargue de manera mas eficiente, dividiendo los estilos en archivos mas pequenos que se cargan solo cuando son necesarios. Activar esta opcion puede reducir entre 100 y 200 KB el peso inicial de la pagina.

Improved Asset Loading

Similar al anterior pero aplicado a JavaScript e imagenes. Solo se carga lo que la pagina necesita, en lugar de cargar todo el JS de Elementor en cada pagina. Si tienes muchas paginas distintas, este ajuste es clave.

Optimized DOM Output

Reduce la cantidad de divs anidados que Elementor genera. Antes una seccion con una columna y un widget eran 4 niveles de divs. Con este ajuste se reducen a 2 o 3 niveles. Menos HTML quiere decir pagina mas ligera y mas rapida.

Lazy Load Background Images

Hace que las imagenes de fondo (no las normales, las que pones como background) se carguen solo cuando entran al viewport. Las imagenes normales ya tienen lazy load nativo de WordPress, pero las de fondo no lo tenian hasta este ajuste.

Inline Font Icons

Convierte los iconos en SVG inline en lugar de cargar fuentes de iconos completas. Eso elimina una peticion HTTP y reduce el peso de la pagina. Muy util si solo usas un punado de iconos por pagina.

Migrar a contenedores Flexbox

Los contenedores Flexbox reemplazan a las secciones y columnas clasicas. La diferencia en velocidad es bien notable: un contenedor genera 1 div, una seccion clasica con una columna genera 3 divs. Multiplica eso por todas las secciones de tu pagina y entiendes el impacto.

Si estas empezando un sitio nuevo, configura Elementor para que use contenedores Flexbox por defecto en Elementor, Settings, Features. Si tienes un sitio existente, Elementor tiene una herramienta de conversion automatica en Elementor, Tools, Container Converter. La herramienta funciona bien pero te recomiendo hacer un backup antes y revisar pagina por pagina despues.

Eliminar el CSS y JS que no usas

Elementor carga CSS y JS para todos los widgets disponibles, aunque tu pagina solo use 5 de los 50 widgets posibles. Para limpiar eso hay dos enfoques.

El primero es usar un plugin como Asset CleanUp o Perfmatters que te permite deshabilitar plugins en paginas especificas. Por ejemplo, si Essential Addons solo lo usas en la home, puedes desactivarlo en el blog para que no cargue ahi.

El segundo enfoque es usar un plugin de optimizacion como WP Rocket o LiteSpeed Cache que tiene una funcionalidad llamada Remove Unused CSS. Esa funcion analiza que CSS realmente se usa en cada pagina y elimina el resto automaticamente. Es magia pura.

Cuidado con ambos enfoques: pueden romper visualmente algunas paginas si quitas algo que si se necesita. Prueba en una pagina de staging antes de aplicar en produccion.

Implementar cache de pagina completa

El cache de pagina completa es lo que mas diferencia hace en velocidad. Sin cache, cada vez que alguien entra a tu sitio, WordPress consulta la base de datos, procesa PHP, ejecuta plugins, renderiza Elementor y devuelve HTML. Con cache, WordPress sirve un archivo HTML preprocesado en milisegundos.

Las opciones mas comunes son: WP Rocket (de pago, super facil de configurar, mejor calidad precio del mercado), LiteSpeed Cache (gratis pero solo funciona si tu hosting tiene LiteSpeed Server) y W3 Total Cache (gratis pero mas complejo de configurar bien).

Si estas en un hosting peruano que ofrece LiteSpeed (como algunos planes de Hostinger, A2 Hosting o ciertos hostings locales), usa LiteSpeed Cache. Tiene la mejor integracion con el servidor y es gratis. Si tu hosting es Apache o Nginx, WP Rocket es la mejor inversion que puedes hacer (cuesta unos 60 USD al ano por sitio).

Convertir todas las imagenes a WebP

WebP es un formato de imagen que ofrece mejor compresion que JPG y PNG, con calidad visualmente identica. Una imagen JPG de 1 MB suele quedar en 300 KB en WebP. Eso multiplicado por todas las imagenes de tu sitio puede significar varios MB de ahorro por pagina.

Para convertir las imagenes hay varios plugins: ShortPixel, EWWW Image Optimizer, Imagify y Smush. Todos hacen practicamente lo mismo: convierten las imagenes existentes a WebP y las nuevas que subas las convierten automaticamente.

Un detalle importante: el navegador del usuario tiene que soportar WebP para que vea esa version. Todos los navegadores modernos lo soportan desde 2020 (Chrome, Firefox, Safari, Edge), asi que no te preocupes por compatibilidad en 2026. Los plugins sirven el JPG original como fallback automaticamente para navegadores antiguos.

Optimizar la carga de fuentes

Las fuentes web pueden ser un cuello de botella si no las manejas bien. Cada fuente externa (de Google Fonts, por ejemplo) genera una peticion HTTP que bloquea el renderizado hasta que se descarga.

Lo recomendado es: primero, usa maximo 2 familias tipograficas distintas (por ejemplo una para titulos y otra para cuerpo). Si usas 5 fuentes distintas vas a tener 5 peticiones extra.

Segundo, carga solo los pesos que realmente uses. Si solo usas Regular (400) y Bold (700), no cargues Light, Medium, SemiBold, ExtraBold. Cada peso es un archivo aparte.

Tercero, alojar las fuentes localmente en tu servidor en vez de cargarlas desde Google Fonts. Plugins como OMGF (Optimize My Google Fonts) hacen esa migracion con un clic. Las fuentes locales cargan mas rapido y respetan mejor la privacidad del usuario (GDPR friendly).

Cuarto, usa el ajuste font-display swap para que el texto aparezca de inmediato con una fuente del sistema mientras carga la fuente web. Elementor lo aplica por defecto en las ultimas versiones.

Configurar un CDN para servir contenido estatico

Un CDN (Content Delivery Network) sirve los archivos estaticos de tu web (imagenes, CSS, JS) desde servidores distribuidos en todo el mundo. Si tu hosting esta en Estados Unidos pero un usuario te visita desde Lima, el CDN sirve los archivos desde un servidor en Sudamerica, mucho mas cerca.

Las opciones mas populares son Cloudflare (tiene plan gratis muy completo), BunnyCDN (muy barato, excelente performance) y KeyCDN. Para sitios pequenos y medianos, Cloudflare gratis es mas que suficiente.

Configurar Cloudflare es relativamente simple: te registras, agregas tu dominio, cambias los DNS donde tienes el dominio (en Punto Pe o donde sea) a los DNS de Cloudflare, y listo. Cloudflare empieza a servir tu contenido mas rapido y de paso te protege contra ataques DDoS y bots maliciosos.

Lazy loading de iframes y videos

Si embebes videos de YouTube o Vimeo, cada iframe carga su propio JavaScript pesado. Aunque el video no se reproduzca, el iframe consume ancho de banda.

La solucion es el lazy loading de iframes: el iframe no se carga hasta que el usuario hace scroll y llega cerca del video. WP Rocket lo trae integrado, igual que LiteSpeed Cache. Si no usas esos plugins, hay alternativas gratuitas como Lazy Load for Videos que reemplazan el iframe por una imagen del thumbnail hasta que el usuario haga clic.

Reducir el numero de plugins

Cada plugin que tienes activo agrega un poco de PHP y posiblemente CSS y JS. Hay sitios con 60 plugins activos que tardan 10 segundos en cargar. Auditoria: anda a tu panel de plugins, identifica los que no usas y desactivalos. Los que no recuerdas para que los instalaste, casi seguro no los necesitas.

Reglas basicas: no tengas mas de un plugin de cache, no tengas mas de un plugin de SEO, no tengas mas de un plugin de seguridad. Cuando se duplican funciones, generan conflictos y suman peso sin aportar valor.

Elegir un hosting que este a la altura

Todo lo anterior puede irse al agua si tu hosting es lento. Si estas en un hosting compartido barato (esos de 1 dolar al mes), no esperes milagros. Para un sitio Elementor que reciba trafico real, considera:

Hosting compartido optimizado para WordPress (Hostinger Business, SiteGround StartUp, A2 Hosting): cuesta entre 5 y 15 USD al mes y es suficiente para la mayoria de pymes peruanas.

Hosting cloud o VPS gestionado (Kinsta, WP Engine, Cloudways): cuesta entre 30 y 100 USD al mes pero ofrece performance enterprise. Vale la pena si vendes online y cada segundo de carga te cuesta dinero.

VPS sin gestionar (DigitalOcean, Hetzner, Vultr): mas barato pero requieres conocimiento tecnico para configurar bien. Solo si tienes alguien tecnico en el equipo.

Preguntas frecuentes

Cuanto deberia cargar mi sitio Elementor

El estandar moderno es cargar en menos de 3 segundos en conexion 4G y obtener una puntuacion PageSpeed superior a 80 tanto en movil como en desktop. Si tu sitio carga en mas de 5 segundos, tienes trabajo por hacer. Si llegas a 1.5 segundos estas en territorio profesional.

Activar los experimentos puede romper mi sitio

Los experimentos que estan marcados como Stable son seguros y no rompen nada. Los que dicen Alpha o Beta si pueden causar problemas visuales en sitios complejos. Activa primero los Stable, prueba bien tu sitio, y solo despues activa los Beta si los necesitas.

Que pasa con los sitios viejos hechos en secciones y columnas

Siguen funcionando perfecto, pero pesan mas en HTML que los contenedores Flexbox. Si tu sitio es pequeno (menos de 20 paginas), considera migrar manualmente. Si es grande, usa la herramienta de conversion de Elementor con backup previo y revisa pagina por pagina despues.

WP Rocket vale los 60 dolares al ano

Para sitios profesionales y tiendas online, si. Te ahorra horas de configuracion manual y los resultados suelen ser mejores que con plugins gratuitos. Para un blog personal con poco trafico, LiteSpeed Cache gratis (si tu hosting lo soporta) o W3 Total Cache son alternativas validas.

Cloudflare gratis tiene limitaciones

El plan gratis de Cloudflare incluye CDN, proteccion DDoS basica, SSL, y reglas de pagina limitadas. Para la mayoria de sitios pyme es mas que suficiente. Las funciones avanzadas como Image Resizing o Argo Smart Routing son de pago.

Cuanto pesa una pagina Elementor optimizada

Una pagina optimizada deberia pesar entre 800 KB y 1.5 MB con imagenes WebP, lazy loading activo y CSS limpio. Si tu pagina pesa mas de 3 MB, revisa imagenes grandes sin optimizar, fuentes de mas, animaciones pesadas y plugins acumulados.

El lazy load funciona automaticamente en Elementor

Las imagenes normales tienen lazy load nativo de WordPress desde la version 5.5. Las imagenes de fondo necesitan que actives el ajuste experimental Lazy Load Background Images de Elementor. Iframes y videos requieren plugin adicional o funcion de WP Rocket o LiteSpeed.

Es mejor JPG, PNG o WebP para Elementor

WebP es lo mejor en 2026 para casi cualquier uso. Pesa 30 a 50% menos que JPG con la misma calidad visual. PNG usalo solo para imagenes con transparencia. JPG es el fallback automatico para navegadores que no soporten WebP, pero esos ya son casi inexistentes.

Como verifico mi velocidad correctamente

Usa PageSpeed Insights de Google (gratis), GTmetrix (gratis con cuenta) y WebPageTest (gratis, mas tecnico). Prueba en distintos momentos del dia porque la carga del servidor varia. Toma como referencia el promedio de 3 tests, no un solo numero.

Tengo que repetir esta optimizacion cada cuanto tiempo

Despues de configurar todo bien, una revision cada 3 meses es suficiente para verificar que nada se degrado. Cuando instales un plugin nuevo, despues de actualizaciones mayores de WordPress o Elementor, y cuando notes que el sitio carga mas lento de lo habitual, vuelve a auditar todo y limpia lo que sobre.