Cómo optimizar imágenes en WordPress: WebP, compresión y lazy load paso a paso
Si tu sitio WordPress carga lento, las imágenes son el primer lugar donde mirar. Aprende a optimizar imágenes con WebP, compresión inteligente y lazy load para mejorar tu puntuación en Lighthouse y Core Web Vitals.
Optimizar imágenes en WordPress: WebP, compresión y lazy load
Si tu sitio WordPress carga lento, las imágenes son el primer lugar donde mirar. No por falta de creatividad, sino por un dato concreto: en la mayoría de sitios web, las imágenes representan entre el 50% y el 70% del peso total de la página.
Eso se traduce directamente en el indicador más importante de Core Web Vitals: el LCP (Largest Contentful Paint). El LCP mide cuánto tarda en cargarse el elemento visual más grande de tu página, que casi siempre es una imagen. Google considera que un LCP por encima de 2,5 segundos es malo para el SEO y la experiencia del usuario.
Una imagen de portada de 3 MB sin comprimir puede hacer que tu LCP llegue a 6 o 7 segundos en conexiones móviles. La misma imagen optimizada en WebP, con lazy load y compresión al 80%, puede pesar 150 KB y cargarse en menos de 1 segundo.
El problema no es subir imágenes. El problema es subirlas sin un proceso de optimización antes y después.
Formato WebP: qué es y por qué importa para el SEO
WebP es un formato de imagen desarrollado por Google que ofrece compresión superior a JPEG y PNG sin pérdida visible de calidad. En la práctica, una imagen en WebP pesa entre un 25% y un 35% menos que la misma imagen en JPEG a igual calidad visual.
Para el SEO, esto importa porque:
- Google usa el peso de las imágenes para calcular el LCP
- Chrome, Firefox y Safari modernos soportan WebP de forma nativa
- PageSpeed Insights y Lighthouse penalizan los sitios que sirven imágenes en formatos legacy (JPEG/PNG) cuando WebP está disponible
El punto clave no es solo tener imágenes en WebP: es que tu servidor las sirva automáticamente en WebP cuando el navegador las soporte, y en JPEG como fallback para navegadores antiguos.
Cómo verificar si tu hosting soporta WebP (LiteSpeed y Apache)
No todos los hostings pueden generar WebP automáticamente. Depende del servidor web que usen.
En servidores LiteSpeed (como los de Elevocloud): el plugin LiteSpeed Cache puede generar versiones WebP de tus imágenes directamente en el servidor, sin necesidad de un plugin externo de optimización de imágenes.
En servidores Apache: necesitas un plugin de optimización (ShortPixel, Imagify, Smush Pro) que convierta y sirva las imágenes en WebP mediante reglas .htaccess.
Plugins para optimizar imágenes en WordPress
Existen cuatro opciones principales para optimizar imágenes en WordPress. La elección correcta depende de tu servidor y tu presupuesto.
Smush (gratis, ideal para principiantes)
Smush es el plugin de optimización de imágenes más instalado de WordPress. La versión gratuita permite comprimir imágenes al subirlas, con compresión sin pérdida. También tiene función de lazy load integrada.
Lo que hace bien: es fácil de configurar, comprime automáticamente al subir y puede optimizar las imágenes existentes en tu biblioteca de medios.
Limitación importante: la conversión a WebP solo está disponible en la versión Pro (de pago). Para WebP gratuito, necesitas otra opción.
ShortPixel (mejor compresión, buen precio)
ShortPixel ofrece la mejor ratio de compresión entre los plugins disponibles. Usa compresión con pérdida inteligente que reduce el peso de las imágenes hasta un 70% sin que el ojo humano note la diferencia.
Diferencial: comprime en sus servidores y devuelve la imagen optimizada. Soporta WebP automático. El plan gratuito incluye 100 imágenes/mes; el de pago parte desde 4,99 USD/mes.
Imagify (interfaz clara, con WebP automático)
Imagify es la opción más amigable para usuarios no técnicos. Su interfaz tiene tres niveles de compresión y el modo WebP está disponible desde el plan gratuito con limitaciones.
LiteSpeed Cache (WebP nativo si tienes servidor LiteSpeed)
Esta es la opción diferenciadora si tu hosting usa servidor LiteSpeed, como es el caso en Elevocloud.
LiteSpeed Cache es un plugin gratuito que, en combinación con el servidor LiteSpeed, puede generar y servir imágenes WebP sin necesidad de ningún plugin adicional de imágenes. El proceso ocurre a nivel de servidor, no de PHP, lo que lo hace más eficiente.
Cómo activarlo en Elevocloud:
- Instala y activa el plugin LiteSpeed Cache desde el repositorio de WordPress
- Ve a LiteSpeed Cache > Optimización de Imágenes
- Activa "Generar WebP en el servidor"
- Ejecuta la optimización de imágenes existentes desde la misma pantalla
Cómo activar lazy load en WordPress
El lazy load (carga diferida) es una técnica que retrasa la carga de las imágenes que están fuera de la pantalla visible hasta que el usuario hace scroll hacia ellas.
Desde WordPress 5.5 (lanzado en 2020), el lazy load está activado de forma nativa para todas las imágenes mediante el atributo loading="lazy". No necesitas un plugin.
Excepción importante: la imagen principal de tu página (el hero image) NO debe tener lazy load, porque es lo primero que el usuario ve. WordPress maneja esto automáticamente poniendo loading="eager" en la primera imagen.
Antes de subir la imagen: tamaños correctos y resolución
Redimensiona antes de subir: WordPress no necesita una imagen de 4000×3000 píxeles si tu columna de contenido tiene 800px de ancho. Sube la imagen al tamaño máximo en que se va a mostrar, con un margen del 20% para pantallas Retina.
Herramientas para redimensionar antes de subir:
- Squoosh (squoosh.app): gratis, en el navegador, soporta WebP y AVIF
- TinyPNG (tinypng.com): fácil de usar, comprime PNG y JPEG
- Adobe Lightroom o Photoshop: para flujos de trabajo profesionales
La regla del 80%: para imágenes JPEG, una compresión al 80% de calidad reduce el peso entre un 60-70% sin que la diferencia sea visible al ojo humano.
Comparativa visual: JPEG vs WebP
| Formato | Peso ejemplo (foto 1200×800px) | Reducción |
|---|---|---|
| JPEG original (sin comprimir) | 2.4 MB | — |
| JPEG al 80% | 680 KB | -71% |
| WebP al 80% | 145 KB | -94% |
La misma foto, con la misma calidad percibida, ocupa 145 KB en WebP contra 2.4 MB en JPEG original. Eso es una diferencia de 16 veces menos peso.
Resultado en Lighthouse y Core Web Vitals después de optimizar
| Métrica | Antes | Después |
|---|---|---|
| LCP | 4,2 segundos | 1,4 segundos |
| Peso total de página | 3,8 MB | 680 KB |
| Puntuación Lighthouse Performance | 42/100 | 87/100 |
Para medir tu situación actual, usa:
- PageSpeed Insights (pagespeed.web.dev): analiza tu URL y muestra qué imágenes necesitan optimización
- GTmetrix: muestra el peso de cada imagen individual y cuánto ahorrarías optimizándola
- Chrome DevTools > Network: filtra por tipo Image y ordena por tamaño para encontrar las más pesadas
Preguntas frecuentes
¿Puedo convertir todas mis imágenes actuales a WebP de una vez?
Sí. ShortPixel, Imagify y LiteSpeed Cache tienen opciones de "optimización masiva" que procesan toda tu biblioteca de medios de WordPress en lotes.
¿WebP afecta la calidad visual de mis imágenes?
A niveles de compresión equivalentes, WebP produce imágenes de igual o mejor calidad visual que JPEG con menos peso.
¿Necesito eliminar las imágenes originales después de generar WebP?
No. Los plugins mantienen los originales como fallback para navegadores que no soporten WebP.
¿El lazy load afecta el SEO?
No afecta negativamente. Googlebot puede rastrear imágenes con lazy load. Lo que sí afecta es si el lazy load está aplicado incorrectamente a la imagen principal.
¿Tu sitio WordPress carga lento? En Elevocloud, todos nuestros planes incluyen servidor LiteSpeed con soporte nativo para WebP — sin plugins adicionales de pago. Revisa nuestros planes de hosting WordPress y empieza a cargar más rápido hoy.
