Web パフォーマンスについて

• SPA(シングルページアプリケーション)で不要な読み込み回数を削減。

  • ただし、初期コストは増える。

• リクエスト数削減。

  • HTTP/1.1 の場合は、ブラウザによって同時に読み込めるファイル数が決まっているため

• 通信量削減

• 遅延読込を行う

• PWA

  • キャッシュを利用しやすくなる。

パフォーマンス測定

Lighthouse

Google のサイトパフォーマンス測定ツール
Chrome DevTools,Chrome 拡張,Node.js ライブラリから利用できる。

Chrome DevTools からの利用について

Chrome DevTools を開き Audits タブをクリック
対象を選択後「Run audits」をクリック。