Una publicación de blog que leí recientemente sugirió configurar el atributo de sizes de las etiquetas <img> automáticamente, usando un ResizeObserver .

Esto significaría que en diferentes anchos de imagen (en la práctica, por lo general, diferentes puntos de interrupción), los sizes se actualizarían cada vez que la imagen cambia de tamaño.

Imgix está haciendo algo similar , y afirman:

El atributo de tamaños fue diseñado para brindar la información de los puntos de interrupción al navegador lo antes posible, generalmente antes de que las imágenes en la página se hayan renderizado. Debido a que imgix.js se carga después del marcado HTML de la página, el navegador obtiene la información sobre los tamaños un poco más tarde de lo habitual. Esto significa que se pierden algunas de las ganancias de rendimiento del uso del atributo de tamaños, ya que el navegador tiene que esperar a que se cargue imgix.js antes de poder tomar una decisión.

¿Es este enfoque útil en absoluto? ¿O está usando incorrectamente lo que pretendía ser una pista estática sobre el ancho de la imagen?