静的サイト

静的サイトは、あらかじめ作っておいた HTML などのファイルをそのまま配信する形の Web サイトです。

静的サイト のアイキャッチ図解
まずは、こう考えるとつかみやすいです。

注文ごとにその場で案内文を作るのではなく、完成済みのパンフレットを来訪者へ配る案内所のような形です。

ひとことで言うと

静的サイトは、表示内容を事前にファイル化しておき、アクセス時はその完成物を配信する Web サイトです。

たとえ話でもう少し詳しく

静的サイトは、来客のたびに説明文を作るのではなく、できあがったパンフレットを受付で渡す運用に近いです。

  • 事前に内容を用意しておく
  • 来客時は完成物をそのまま渡す
  • その場で複雑な計算や組み立てをしない

Webでも同じで、ページをあらかじめ HTML として生成しておけば、アクセス時はそのファイルを返すだけで済みます。 そのため、構成がシンプルで、表示を速くしやすいのが特徴です。

よく出る場面・使いどころ

  • 会社サイト、ブログ、用語集のように更新頻度が高すぎないとき
  • 表示速度を重視したいとき
  • CMS やデータベースなしで小さく公開したいとき
  • CDN と組み合わせて広く配信したいとき

似た言葉との違い

  • 動的サイト
    • 動的サイトは、アクセスのたびに裏側で処理して HTML を組み立てることが多い
    • 静的サイトは、事前に作った完成物を返す
  • Webサーバー
    • Webサーバーは配信役
    • 静的サイトは、その配信役が返すコンテンツの作り方の1つ
  • フレームワーク
    • フレームワークは開発を進める土台
    • 静的サイトは、最終的な公開形態
    • フレームワークの中には、静的サイト生成を得意とするものもある

実務で気にするポイント

  • 更新時は再ビルドや再配置の手順を用意しておく
  • 問い合わせフォームや会員機能のような動的処理は外部サービス併用が必要になりやすい
  • 画像やファイルが増えると、配信設計やキャッシュ戦略も考えたほうがよい
  • 更新頻度が高いページは、毎回の生成コストとのバランスを見る

注意: 静的サイトは高速で扱いやすい一方、動的処理が不要になるわけではありません。会員機能や検索などが必要なら、別の仕組みをどう足すかまで設計する必要があります。