Automatically detect images "above the fold" and avoid lazyloading them on every page

What problem does this address?

Edit(VB): For PRF I recommend implementing it the way user and Marius suggested below to reduce complexity - setting per device let's say, i.e. have a different value for mobile/desktop/tablet, tweak this setting depending on the page.

Currently, you can exclude a certain amount of images from Optimole's lazyload feature per page (defaults to 3). However, the amount of images above the fold often varies per pages, and when this happens, it only betters the performances of the pages which has an amount of above the fold images match that number.

What is your proposed solution?

At the very least, avoid lazyloading images that are detected as hero images (seems like hero image detection is already a feature from version 3.9.0). At best, use a system similar to LiteSpeed cache's VPI feature, like so:

Will this feature require documentation? (Optional)

Yes, it requires documentation.

Start by reviewing the existing per-page lazyload exclusion setting and the hero-image detection mentioned in the issue. The work is complete when above-the-fold or hero images are identified per page and device and are excluded from lazyloading, with the required behavior documented.