Elementor no se «siente lento» por misterio. Se siente lento porque la home pesa: hero a resolución de cámara, slider de cinco PNG, fondo de sección de 4000 px, iconos que son fotos. El visitante en 4G en Colombia paga esa factura aunque el origen esté aquí, conectado al NAP, con LiteSpeed sirviendo HTML en caché. El HTML cacheado no adelgaza las imágenes.
WebP no es un plugin mágico. Es un formato. La misma foto, menos bytes, el navegador de 2024–2026 la pinta. Este artículo es peso, no ranking. Cómo leer el número después: medir la velocidad de tu web desde Colombia.
Qué vas a tener al terminar
La home (y las plantillas de Elementor que más se ven) con imágenes al tamaño al que se muestran, en WebP o JPEG liviano, sin un PNG de 5 MB de destacada. Una forma de comprobarlo en la pestaña Red del navegador. El sitio elástico sigue siendo el mismo; cambia lo que subes.
Dónde se come el peso
- Destacada y hero: el primer LCP casi siempre es una imagen. Si pesa 3 MB, el 4G no perdona.
- Fondos de sección en Elementor: se suben al constructor y nadie los pasa por el editor de fotos. Salen a 1920 o más, para un bloque de 400 px de alto.
- Galerías y carruseles: diez fotos de celular a 12 MP. El tema las «adapta» en CSS y sigue bajando el archivo enorme.
- Logos en PNG con transparencia: válidos; no tienen que medir 2500 px de lado.
LiteSpeed Cache acelera el HTML y los estáticos que ya están. No sustituye recortar. Activarlo: LiteSpeed Cache en WordPress. Vaciar después de cambiar fotos: vaciar la caché.
1. Mide antes, en tu red
Ventana privada, URL canónica, DevTools → Red → Img. Ordena por tamaño. Anota los tres más gordos. Eso es el backlog. No hace falta un laboratorio en otro continente para ver un PNG de 4,8 MB.
El techo LVE del sitio elástico (CPU, RAM, IO) se nota si PHP genera miniaturas a cada rato. Una biblioteca de medios inflada también llena el disco del plan. El peso al visitante y el disco en cPanel son primos, no el mismo número.
2. Recorta al tamaño de uso
Si el bloque muestra 1200 px de ancho, no subas 4000. En el computador: exporta a 1600 px de lado largo para un hero de escritorio, menos para móvil si usas imagen responsive en Elementor (imagen distinta por breakpoint, no el mismo archivo enorme con CSS).
WordPress genera tamaños intermedios. Elementor a veces pide el «full». En el widget de imagen, elige un tamaño que coincida con el diseño, no «Full» por costumbre.
3. WebP (o JPEG decente)
Exporta WebP desde Photoshop, GIMP, Photopea o la herramienta que ya uses, calidad 70–80 y mira el archivo. Compara con el JPEG. Si el logo necesita transparencia, WebP también la trae; no hace falta un PNG gigante.
Sube el WebP al escritorio de medios de WordPress. Sustituye en Elementor el PNG viejo. No dejes los dos en la página «por si acaso»: el navegador baja lo que el HTML pide.
Hay plugins que convierten al vuelo. Úsalos si los entiendes y si no duplican cada archivo hasta llenar la cuota. En un sitio elástico el disco es finito. Un convertidor que deja original + WebP + copia en uploads es cómo se acaba el plan el mes de la campaña. Si dudas, convierte en el computador y sube un archivo.
LiteSpeed Cache incluye, en algunas configuraciones, optimización de imágenes. No asumas que está encendida ni que sustituye recortar. Míralo en la pestaña de imágenes del plugin; si no te queda claro, no lo actives a ciegas en una tienda. Ticket: el soporte trabaja en huso de Colombia.
4. Lo que Elementor añade encima
Motion, parallax, video de fondo en autoplay, Lottie de 800 KB, fuentes de Google a granel. Cada uno es peso o CPU en el celular. Apaga el video de fondo en móvil. Limita familias tipográficas. El constructor no es el hosting: corre en tu cuenta, bajo LVE, en cPanel.
WooCommerce: la ficha de producto con zoom y cuatro fotos de estudio a tamaño de cartel. Recórtalas. El checkout no las necesita a 5000 px. Tienda lenta por caché y PHP: WooCommerce lento.
5. Después de cambiar
- Vacía LiteSpeed y la caché del navegador.
- Otra pasada en Red → Img. Los tres gordos deberían haber bajado de mega a cientos de KB, o menos.
- Mira LCP en DevTools si te sale: suele ser el hero. Si sigue siendo el PNG viejo, Elementor aún apunta al ID de medios anterior.
Indexar no espera a WebP, pero Google tampoco premia una home de 15 MB. Sitemap e índice: indexar el sitio en Google.
Si algo no arranca
- El WebP no se sube: tipo de archivo bloqueado o límite de subida. Tamaño de subida en cPanel: memory_limit y subida.
- Se ve mal en Safari viejo: casos raros; JPEG de respaldo o acepta que el parque actual pinta WebP.
- La página sigue pesada con fotos chicas: CSS/JS del tema, no las fotos. Eso no se arregla con WebP.
