Lazy Loading for Content-Heavy Forms

Lazy loading (also "lazy rendering" or "deferred rendering") is a technique that postpones the rendering of its non-essential web page elements until the moment a user interacts with them. This technique helps improve performance for content-heavy web pages. SurveyJS forms supports lazy loading for form fields. At startup, form fields are represented within the DOM by skeleton elements, which get replaced by actual content when the form fields get into the viewport. To enable lazy loading, set the lazyRender.enabled property to true in the global settings.

Dropdown with Lazy Loading