16 × 9 Una experiencia estable
El contenido permanece en su lugar mientras se descarga la imagen.
Laboratorio de aspect ratio
Compará una carga que mueve el contenido con otra que reserva el espacio desde el primer render.
Sin espacio reservado Imagen cargada
16 × 9 El contenido se desplazó
Con aspect-ratio Imagen cargada
16 × 9 Una experiencia estable
El contenido permanece en su lugar mientras se descarga la imagen.
El contenido se mantuvo estable
Código HTML + CSS