Intersection Observer
Eine Web-API, die asynchron meldet, wenn ein Element in den Viewport oder einen anderen Container eintritt (oder ihn verlässt). Ersetzt teure Scroll-Event-Listener durch einen effizienten, eingebauten Mechanismus für die Frage "ist das hier sichtbar?".
Das alte Problem: Um zu wissen, ob ein Element sichtbar ist (für Lazy Loading, Endlos-Scroll, Scroll-Animationen), lauschte man auf das scroll-Event und maß Positionen von Hand — was ständig feuert, teure Layout-Berechnungen erzwingt und ruckelt. Intersection Observer macht es richtig: Man registriert Elemente zur Beobachtung, und der Browser ruft die Callback-Funktion asynchron auf, außerhalb des kritischen Rendering-Pfads, und zwar nur, wenn ihre Sichtbarkeit tatsächlich eine festgelegte Schwelle überschreitet. Einsatzgebiete: Lazy Loading (Bilder oder Inhalte laden, sobald sie sich dem Bildschirm nähern), Endlos-Scroll (mehr laden, sobald das Ende sichtbar wird), Scroll-Animationen, Sichtbarkeits-Tracking (Werbung, Analytics). Vorteil: deutlich bessere Performance als Scroll-Listener. Eine von drei "Observer"-APIs, neben Resize und Mutation. Eine grundlegende moderne Web-Technik.