Import On Interaction

Table of Contents

• When to Use
• When NOT to Use
• Instructions
• Details
• Source

Your page may contain code or data for a component or resource that isn't immediately necessary. For example, part of the user-interface a user doesn't see unless they click or scroll on parts of the page. This can apply to many kinds of first-party code you author, but this also applies to third-party widgets such as video players or chat widgets where you typically need to click a button to display the main interface.

When to Use

• Use this when you have third-party widgets (video players, chat widgets) that are costly to load eagerly
• This is helpful for deferring non-critical code until the user actually needs it
• Use this to improve First Input Delay (FID) and Time to Interactive (TTI)

When NOT to Use