The Import On Interaction Pattern

Lazily importing feature code on interaction is a pattern used in many contexts. This can be achieved in many ways (defer until interaction, until the browser is idle or using other heuristics) The different ways to load resources are, at a high-level: Eager - load resource right away (the normal way of loading scripts) Preload - load prior to needed, but after critical resources are loaded.