Simple img
observed
processed
loaded
failed
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="640" height="320"></svg>)
<img> srcset 1.5x, 2x, 3x
observed
processed
loaded
failed
Error loading
observed
processed
loaded
failed
Picture (resize your browser)
observed
processed
loaded
failed
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360"></svg>)
Container intersect
observed
processed
loaded
failed
You can fire code on intersect container div
Container InView/OutView
observed
processed
loaded
failed
You can use as container "InView" observer
See you console logs on scroll