🔄 画像読み込み方式の比較
❌ 一括読み込み(NG)
// 全画像を最初に読み込み images.forEach(img => { loadImage(img.url); });
メモリ使用量
約400MB+
読み込み時間
約30秒
結果
クラッシュ
✅ 遅延読み込み(OK)
// 表示中のパネルのみ読み込み if (placeholder.offsetParent !== null) { loadImage(config.url); }
メモリ使用量
約150MB
読み込み時間
約3秒
結果
安定動作