Lazy loading

Lazy loading enables pages to load faster, reduces resource consumption and contention, and improves viewability rate by pausing the requesting and rendering of ads until they approach the user's viewport.

With lazy loading in SRA, when the first ad slot comes within the viewport specified by the fetchMarginPercent parameter, the call for that ad and all other ad slots is made.

Sample implementation

View demo

This sample makes use of library features that are not fully supported when running in an iframe. To view a demo of this sample in a new window, click the View demo button above.

JavaScript

Improve this sample Report an issue

TypeScript

Improve this sample Report an issue