Metrics(Lighthouse) ・不要なコンポーネント削除 ・link タグに、preconnect・dns-prefetch 付与 ・適宜、Dynamic Importへ変更 ・webpack bundle analyzer 導入、webpack v4 -> v5 へ version up ・Tree Shaking、splitChunks 最適化 ・ついでに、CICD速度改善 ・Firebase Storage Region 移行(Storage Transfer Service利用 ・Cloud CDN導入 ・画像リサイズ(Firebase Resize Images
・ref. https://extensions.dev/extensions/firebase/storage-resize-images 4. 実施した改善とその結果 frontendʢSPAʣ Firebase hosting Contents Cloud
Storage 3-5s 速度改善 End Users Cloud Load
Balancing 100-200s 速度改善 preconnect dns-prefetch