Deferred section

Improves the efficiency of a page by enabling the lazy loading of its views. In lazy loading, images that are outside of the viewport are not loaded until the user scrolls the page to reach them.

Configuration properties

Under Configuration, set or modify the configuration properties for the view.

Theme definitions
Theme definitions specify the colors and styles for a view and determine its appearance. You can preview the look and feel of views in the theme editor. See Themes.
The appearance configuration properties for Deferred section are shown in the following table:
Table 1. Appearance configuration properties for Deferred section
Configuration property Description Data type
Lazy-load automatically Specifies whether the section is automatically loaded lazily after the specified delay has passed. Boolean
Delay for auto-loading Specifies the time interval (in milliseconds) during which the automatic loading of the section is delayed. Integer

Events

Set or modify the event handlers for the view in the Events properties. You can set events to be triggered programmatically or when a user interacts with the view. For information about how to define and code events, see User-defined events.
Deferred section has the following type of event handlers:
  • OnLazyLoad: Activated when the lazy load is complete. For example:
    alert("Lazy load complete")

Depending on the specific event, you can use JavaScript logic to modify the effects of the view.

Methods

For detailed information on the available methods for Deferred section, see the Deferred section JavaScript API.

Additional resources

For information about how to create a coach or page, see Building coaches.
For information about standard properties (General, Configuration, Positioning, Visibility, and HTML Attributes), see View properties.