El Problema
Las imágenes se cargan en el código sin declarar sus atributos 'width' (ancho) y 'height' (alto) en píxeles.
Impacto en Negocio
El navegador no sabe cuánto espacio reservar para la imagen antes de descargarla, lo que causa saltos bruscos en el contenido al cargar la página (CLS alto).
Guía de solución paso a paso
Pasos para configurar en Rank Math (WordPress):
- 1.Rank Math no modifica dimensiones de imagen de forma nativa. Asegúrate de configurar plugins de optimización WPO asociados para que añadan dimensiones faltantes de manera automática.
¿Cómo verificar que se ha solucionado?
- ✓Analiza la página en PageSpeed Insights.
- ✓Verifica que en los diagnósticos no aparece la advertencia 'Usar dimensiones explícitas en las imágenes'.
Preguntas Frecuentes
¿Esto hace que la imagen deje de ser responsiva?
No. Los navegadores modernos usan los atributos de ancho y alto para calcular la relación de aspecto (aspect-ratio), y mediante CSS (ej. max-width: 100%; height: auto;) la imagen se adaptará perfectamente a cualquier pantalla móvil.