Intersection Observer
Noun · Development
Definitions
A browser API that asynchronously observes when an element enters or exits the viewport (or another element). Replaces expensive scroll event listeners for implementing lazy loading, infinite scroll, analytics visibility tracking, and scroll-triggered animations. Much more performant than manual scroll position calculations.
In plain English: A browser feature that efficiently detects when an element becomes visible on screen, without the performance cost of listening to every scroll event.
Example: "Use IntersectionObserver for lazy-loading images — it fires when the image enters the viewport, no scroll event listener needed."