Cómo optimizar las imágenes en WordPress para mejorar la velocidad
Las imágenes sin optimizar son el problema de rendimiento más frecuente en WordPress. Un sitio bien construido puede quedar lastrado por una galería con fotos de 5 MB subidas directamente desde la cámara. La optimización de imágenes es una de las mejoras con mayor impacto y menor complejidad técnica: reduce el peso de las páginas, mejora los Core Web Vitals y mejora la experiencia del visitante en móvil con conexiones lentas.
Tamaño físico vs peso del archivo
El tamaño físico son las dimensiones en píxeles (ancho × alto). El peso es el tamaño del archivo en KB o MB. Una foto de 4000×3000px subida sin redimensionar puede pesar 8 MB aunque en la web solo se muestre a 800px de ancho. El servidor sigue enviando los 8 MB al navegador, que los descarga completos aunque solo use los 800px.
Regla práctica: las imágenes del cuerpo de artículos raramente necesitan más de 1200px de ancho. Las imágenes destacadas raramente más de 1600px. Redimensiona antes de subir o usa un plugin que lo haga automáticamente.
WebP: el formato correcto para web
WebP reduce el peso entre un 25% y un 35% respecto a JPEG con la misma calidad visual, y entre un 50% y un 80% respecto a PNG. Todos los navegadores modernos lo soportan desde hace años.
En WordPress con LiteSpeed Cache activo, la conversión a WebP es automática: el plugin convierte las imágenes existentes y las nuevas en segundo plano y sirve WebP a los navegadores compatibles sin que necesites hacer nada manualmente. La guía completa en cómo configurar LiteSpeed Cache.
Plugins de optimización automática
ShortPixel: comprime imágenes en el servidor de ShortPixel y devuelve versiones optimizadas. Plan gratuito con 100 imágenes/mes. Soporta JPEG, PNG, WebP y AVIF. Excelente relación calidad/compresión.
Imagify: de los creadores de WP Rocket. Plan gratuito con 25 MB/mes. Tres niveles de compresión (Normal, Agresiva, Ultra). Integración directa con WP Rocket para configuración unificada.
Smush: plan gratuito sin límite de imágenes pero con límite de 5 MB por imagen. Buena opción para webs con muchas imágenes pequeñas.
Imágenes lazy loading
Lazy loading hace que las imágenes fuera del área visible de la pantalla no se carguen hasta que el visitante hace scroll hacia ellas. Reduce el peso inicial de la página y mejora el LCP.
WordPress añade loading="lazy" automáticamente a las imágenes del contenido desde la versión 5.5. Para las imágenes de diseño del tema, verifica que el constructor de páginas no las carga todas de forma eager. LiteSpeed Cache tiene una opción de lazy loading adicional que cubre los casos que WordPress no gestiona.
Imágenes de la imagen destacada
La imagen destacada es la que más impacta en el LCP porque suele ser el elemento más grande visible al cargar la página. Para las imágenes destacadas aplica siempre: dimensiones correctas para el tema (normalmente 1200×630px), formato WebP, y el atributo fetchpriority="high" en el HTML para que el navegador la priorice en la descarga.
Auditar las imágenes existentes
Para webs con cientos de imágenes ya subidas sin optimizar, ejecutar el optimizador de un plugin como ShortPixel o Imagify en lote procesa todas las imágenes existentes de una vez. El proceso puede tardar varios minutos pero es en segundo plano y no afecta al funcionamiento de la web.
