この記事は 弁護士ドットコム Advent Calendar 2019 16日目の記事です。 はじめに 弁護士ドットコム というサービスのUXエンジニアをやっている白井と申します。 日々ユーザー体験を向上させるべく様々な開発を行っていますが、Webサイトの速度改善もその1つです。 今回はその一環で実施した、ブラウザキャッシュ戦略の再設計の事例についてご紹介します。 対象リソース この記事では、以下のようなリポジトリで管理されているリソースを主な対象としています。 JavaScript, JSX, TypeScriptなどのスクリプト類 CSSなどのスタイルシート類 画像やフォント類 これらは頻繁に変更される傾向にあるため、ブラウザキャッシュを適切に制御する必要があります。 注意深く設計しないと、以下のような問題が発生する場合があります。 ブラウザキャッシュのよくある問題 問題① ユーザーの