Content shifting
Imaginea nu are specificate atributele width și height, deci întreg conținutul se mută atunci când imaginea s-a încărcat complet.
Turnul Eiffel
Cel mai popular obiectiv turistic din Paris, capitala Franței.
<section>
<h2> Turnul Eiffel</h2>
<div style="display: flex">
<img
src="/api/demo/slow-image"
style="margin-right: 1em; max-height: 250px"
alt="Eiffel tower during night" />
<p>
Cel mai popular obiectiv turistic din Paris, capitala Franței.
</p>
</div>
</section>
Am simulat o conexiune înceată prin întârzierea artificială a răspunsului de la server.