Skip to main contentSummary
Loaders are mechanisms for data loading. There are some tips on how to
optimize their usage. Here are some tips:
For cache modes, TTL, and cache keys, see
Caching data loaders.
- When the loader is reused in different sections or pages, it is recommended
to use a saved loader (reusable)
- Sections that load data and are not displayed on the initial screen (above
the fold) can be deferred
Reusing Loaders
The system’s sections can have data loaded via loaders. These loaders can be
defined within the section itself or loaded from saved entities.
These saved entities can be created from loader blocks.
When saving a loader, it is guaranteed to be reusable in different sections. In
addition to allowing props to be changed and reflected in all places where this
loader is used, using this saved loader allows for optimizing the system’s
usage.
During a page like the Product Description Page (PDP), it is necessary to load
information about the product twice: once for SEO details loading and once for
displaying the product itself. By using the same loader, Deco optimizes it so
that the loader is executed only once during the page rendering cycle.
Deferred Section
