Optimization & Lazy Loading

ダイエットの基本は「食べない（ロードしない）」こと。必要なときに必要なものだけロードする。

Code Splitting

巨大なJavaScriptファイルを、ページごとに必要な分だけ小分けにする技術。

Techniques

<img src="..." loading="lazy" />

画面外の画像はロードしない。ブラウザ標準機能。

const Modal = dynamic(() => import('./Modal'))

巨大なコンポーネント（グラフや地図など）は、表示されるまでJSをダウンロードしない。

使っていない関数をバンドルから削除する。「枯れ木を振って落とす」イメージ。