TEMPLATES INCLUDING

IONIC Lazy loading

Normally when a user opens a page, all content on the page is downloaded and rendered in a single go. While this allows the browser or app to cache the content, there is no guarantee that the user will actually view all of the downloaded content.

This is where Lazy Loading plays an important role, instead of bulk loading all the content at once, it can be loaded when the user accesses a part of the page that requires it. With lazy loading, pages are created with placeholder content which is only replaced with actual content when the user needs it.

This is a very framework agnostic take on things, and the finer details here come in the form of modules for Ionic apps. Modules are the way we can organize our app's pages, and separate them out into different chunks.

The following Ionic Starter Apps use Lazy Loading to load the content of the app and make it more performant.