Frontend Components Loading Strategies
Preserving runtime performance, especially on the critical path
In order to preserve runtime performance, async loading of components regardless of what type of split we’re working with, is advised.
Depending on the framework or ECMA Specification version we’re working with, async or deferred loading can be accomplished via a framework specific mechanism, like lazy loading routes in Angular, suspense in React or via native dynamic imports or html script loading attributes or link types.
Before we think of loading it, we will need to split and bundle our code in meaningful chunks, to design our loading strategy satisfying the data architecture or tree of our app.