Skip to content 2.0

Frontend Components Loading Strategies

Author: Natalia Venditto

Date First Published: Wed Jan 04 2023

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.

loading strategies frontend