Lazy loading ads

Lazy Loading is a method of defering the loading of content until it's required to be shown, rather than loading the entire page or site at the time of a visit.

Enabling Lazy-Loading in AdButler

Enabling Lazy-Loading AdButler requires placing an additional <script> in the <head> of the page.

Please note that Lazy-Loading requires the use of our Async JavaScript Zone Tags
<script type="text/javascript">if (!window.AdButler){(function(){var s = document.createElement("script"); s.async = true; s.type = "text/javascript";s.src = 'https://servedbyadbutler.com/app.js';var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}</script>
<script>
var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || [];
AdButler.ads.push(function(){
    // A. Enable with defaults
    AdButler.enableLazyLoading();
    // B. Enable with specific options. Additional calls override previous ones.
    AdButler.enableLazyLoading({
        // Render slots when within 2 viewports
        // Default: 100
        // Range: >= 100
        renderViewportPercent: 200,
        // Double viewport values on mobile, where viewports are smaller
        // and users tend to scroll faster
        // Default: 1
        mobileScaling: 2.0
    });
});
</script>

Configurable Parameters

renderViewportPercent

This parameter defines the percentage of space to load ads, by default it is set to 100. By setting it to 200 (200%), it will load all the ads within the current viewport and anything within the same size range of the current viewport.

mobileScaling

This parameter defines the mobile scaling, where users tend to scroll faster than on desktop. It is 1.0 by Default.


Can't find what you're looking for?

Send us an email

hello@adbutler.com

Visit the blog

For more ad serving tips, industry news and AdButler insights.