1. CSS content-visibility

    Provides control over when elements are rendered, so rendering can be skipped for elements not yet in the user's viewport.

  2. IntersectionObserver

    API that can be used to understand the visibility and position of DOM elements relative to a containing element or to the top-level viewport. The position is delivered asynchronously and is useful for understanding the visibility of elements and implementing pre-loading and deferred loading of DOM content.

  3. contentvisibilityautostatechangeevent api

  4. contentvisibilityautostatechangeevent api: `contentvisibilityautostatechangeevent()` constructor

  5. contentvisibilityautostatechangeevent api: skipped

  6. element api: checkvisibility: `options.contentvisibilityauto` parameter

  7. element api: `contentvisibilityautostatechange` event

  8. css property: content-visibility: auto

  9. css property: content-visibility: hidden

  10. css property: content-visibility: `@keyframe` animatable

  11. css property: content-visibility: transitionable when setting `transition-behavior: allow-discrete`

  12. css property: content-visibility: visible