Lazy loading

How to Lazy Load a Visual Component

The Mezzobit container gives you the ability to Lazy Load any visual element.  Lazy loading defers the initialization of an object until the point it is needed.  While many publishers are familiar with lazy loading ads, Mezzobit supports lazy loading on any visual element, including pixels and social tags.


When creating a tag make sure to select "Yes" in the "is there a visual component" option.

Select the checkbox called “Enable lazy loading”

You now have 3 options for loading this element.

1. The default behavior is to load the element when it enters the user’s viewport. When the first pixel of the element is potentially visible the unit will load.

2. You can choose to begin loading the element just before it enters the viewport by specifying a number of pixels from the user’s viewport.

3. You can also specify a CSS element in the page to be a trigger for the load of this element. For example, if you have a border around an ad unit and you want to trigger the load when the border enters the viewport you could do something like this below.

Additionally, you have the ability to poll for changes in the UI on a set schedule.  For a responsive site that changes ad placements based on the viewport re-sizing you can ensure that ad units generated on the fly will not remain empty.

Have more questions? Submit a request


Please sign in to leave a comment.