Lazy Loading - CI/CD用語集の定義

lazy loading はモジュールや asset の取得を必要になる瞬間まで遅らせ、初期ロードのコストを削減します。

lazy loading は、初期ページロード時ではなく、実際に必要になるまでリソースやモジュールのロードを遅延させます。フロントエンドの build では通常 dynamic import と code splitting で実装されます。

lazy loading は、後でのわずかな遅延と引き換えに、はるかに高速な first paint を得ます。フレームワークは dynamic import をラップするヘルパー (React.lazy、defineAsyncComponent) を提供します。CI では、遅延ロードされる chunk がメインの bundle から分離されたままであることを計測できます。

関連ガイド