~/VibeHandbook
無料 PDF

16 · 07

パフォーマンスとキャッシュ

遅いアプリはユーザーを失い、検索でも順位が下がります。初日からマイクロ最適化する必要はありませんが、安価な勝ちは掴んでおきましょう。

  • 自分のファイルのコピーを世界じゅうの倉庫に置いておき、訪問者それぞれに最も近い倉庫から届けるようなものを想像してください。それがCDN(コンテンツ・デリバリー・ネットワーク)です。静的アセットはこれ経由で配信しましょう(たいていのホストは自動でやってくれます)。
  • 頻繁には変わらない、コストの高いレスポンスやデータベースクエリをキャッシュする。
  • 画像を圧縮して遅延読み込みする。JavaScriptは少なく配信する。
  • Chrome DevTools で Lighthouse を実行し、レポートをAIに渡して優先順位付きの修正をもらう。

こう尋ねましょう。「これが私のLighthouseレポートです。最も労力が少なく、最も影響の大きい変更を3つ教えて」。何を最適化するかは、当て推量ではなく計測に基づかせましょう。遅く感じるという理由で間違ったものを一日中最適化してしまうのは本当によくあることです。本当のコストが、インデックスのないクエリ一つや、圧縮し忘れた4 MBのヒーロー画像だったときに。

オフラインでも読みたい?

本編まるごとを PDF または EPUB で無料ダウンロード。