About the Above the Fold API

The Above the Fold API tells you whether a component on the current page is above the fold, meaning the page's layout places it in the part of the page shown before a site visitor scrolls. The result is based on the layout, not on the site visitor's screen size. Use it to load and render what site visitors see first, and to defer the rest, so the page appears faster.

With the Above the Fold API, you can check whether a component is above the fold on the current page.

Use cases

• Prioritize images above the fold
• Defer a heavy component below the fold

SDK setup

To use the API, install the @wix/site-service-above-the-fold package:

Import the package

Import types

Import any type shown in these docs from @wix/site-service-above-the-fold/types:

Resolve the service

In a React component, resolve the service with the useService hook: