フロントエンドアプリケーションの assets ファイルのサイズを監視する - EmotionTechテックブログ

はじめに こんにちは、あるいはこんばんは。フロントエンドエンジニアの id:kasaharu です。 Web アプリケーションにユーザーがアクセスしてきたとき、ユーザーはブラウザを介して HTML / CSS / JavaScript といった多くの assets をダウンロードすることが多いのではないでしょうか？ フロントエンド技術の進化に伴い、ユーザーがダウンロードする assets ファイルの数は増え、またファイルひとつひとつのサイズも増加しています。 ファイル数やサイズの増加はユーザーがそのアプリケーションを使えるようになるまでの時間が増えることにもつながるため望ましくありません。 遅延ロードを使って初期バンドルのサイズを小さくする方法を取ることもありますが、日頃から意識して開発していないとついつい初期バンドルに含まれてしまいます。 assets ファイルの数やそのサイズの増加によ