This class demonstrates an approach to optimizing media and animations on a site using the native IntersectionObserver. The concept is simple: nothing runs ahead of time without reason — the observer watches for an element approaching the viewport with a configurable buffer, and only then triggers the relevant logic, whether that's loading a video, starting a GSAP animation, or creating a ScrollTrigger. Once the element leaves the zone, whatever was activated gets cleanly torn down, freeing up resources.
As a result, the site never holds dozens of triggers and listeners active at once, keeping background CPU and network load minimal at any given moment — which makes a real difference on weaker devices.
