Imágenes sin dimensiones

Cuando insertas una imagen en una página, el navegador necesita saber cuánto espacio debe reservar para ella antes de cargarla. Si no están definidos el ancho y el alto de la imagen, el navegador no sabe qué espacio reservar y tiene que recalcular la disposición de la página una vez que la imagen termina de cargarse. Ese recálculo provoca lo que se conoce como salto de diseño o CLS, que son las siglas de Cumulative Layout Shift. Es ese efecto molesto en el que el contenido de la página se mueve de golpe mientras carga, haciendo que el usuario pierda el punto donde estaba leyendo o, peor, que haga clic en algo que no quería. Google mide el CLS como parte de sus Core Web Vitals, que son las métricas de rendimiento que usa para valorar la experiencia de usuario de un sitio. Un CLS alto penaliza directamente el posicionamiento de tu página. Este error suele aparecer cuando se insertan imágenes sin revisar sus atributos, cuando se usan herramientas de maquetación que no los añaden automáticamente o cuando se migra contenido sin prestar atención a los detalles técnicos de las imágenes.