CloudFrontのCDNキャッシュで実現した、サービス表示速度の大幅向上

ツール導入前の課題

マイベストは「インターネットで、最高の選択体験を実現する」を掲げ、さまざまな商品の比較・検証を自社で行いそのデータベースを元に、「選ぶ」という領域の課題を解決するサービスを提供しています。現在では、月間ユーザー数は3000万人を超えています。（例. 「ドラム式洗濯機の比較記事」）

より良い選択体験を実現するため、「比較検証する商品の追加」や「新機能の追加」を継続的に行なってきました。

一方で、その結果として 「1ページあたりのリクエスト数」と「1リクエストあたりのデータ量」が増加し、ページの表示速度の低下が問題になりはじめていました。

どのような状態を目指していたか

• 以下の条件をクリアしつつ、サービスの表示速度向上
  • リアルタイム性が求められる情報がキャッシュされていない状態（リアルタイムで切り替わるようにすること）
  • 特定のユーザーの情報がキャッシュされないような状態

• Cloudflare
• Vercel

元々アセット配信に CloudFront を利用していたため、以下の2点が決め手になりました。

• 導入に伴う工数を最小限に抑えられる点
• コスト試算がしやすく、運用コストを最小化しやすい点

※当時の課題を解決する上では高度な仕組みは不要で、 SSRのレスポンスを適切にキャッシュできる「シンプルなキャッシュ機能」 が実現できれば十分でした。

改善したかった課題はどれくらい解決されたか

• 導入当時、表示速度が課題になっていた負荷の高いページのレスポンス速度が約1/10まで短縮された🎉

どのような成果が得られたか

• 短時間でアクセスが集中した場合でも、サーバーへの負荷を抑えたまま、安定してリクエストを捌けるようになった
  • それまでは、TV放送などでサービスが取り上げられるタイミングに合わせて、モニタリングやサーバーのスケールアップ対応を行う場合もあったが、基本的に不要になった

新たな課題

• オリジンサーバーのパフォーマンス悪化が徐々に始まった