PortfolioISRがもたらすメリット
ISRを導入することで、ECサイトの表示速度とパフォーマンスが改善されます。
表示速度の改善
ISRでは、事前に生成された静的HTMLをCDN（コンテンツ配信ネットワーク）から配信します。ユーザーがページにアクセスすると、最寄りのCDNエッジサーバーからキャッシュが返されるため、サーバー処理を待つ必要がありません。
従来のSSR方式では、アクセスのたびにサーバーでHTMLを生成するため、ネットワークの往復時間とサーバー処理時間がかかります。ISRではこの待ち時間がなくなり、ページの表示が高速化します。
Core Web Vitalsへの効果
Core Web VitalsはGoogleが定めるWebページのユーザー体験指標で、SEO（検索順位）にも影響します。
- LCP（Largest Contentful Paint）: メインコンテンツの表示時間
- FID（First Input Delay）: 初回操作への応答時間
- CLS（Cumulative Layout Shift）: レイアウトのずれ
ISRによるキャッシュ配信は、特にLCPの改善に効果があります。ページの主要コンテンツが素早く表示されるため、ユーザーの待ち時間が短縮されます。
API呼び出し回数の削減
ECサイトでは、商品情報をAPIから取得します。SSR方式では、ユーザーがアクセスするたびにAPIを呼び出す必要がありますが、ISRではキャッシュが有効な間はAPIを呼び出しません。
これにより、API呼び出し回数が削減され、以下のメリットがあります。
- APIコストの削減: 従量課金のAPIサービスでは、呼び出し回数に応じた費用がかかります
- サーバー負荷の軽減: バックエンドサーバーへのリクエストが減り、安定性が向上します
- アクセス集中時の耐性: キャッシュから配信するため、急なアクセス増加にも対応しやすくなります
まとめ
ISRは、ECサイトの表示速度改善、SEO対策、運用コスト削減に効果があります。特に商品ページのように、ある程度の更新頻度があるコンテンツを高速に配信したい場合に適しています。