概要
Webサイトには、大きく分けて静的サイトと動的サイトがあります。
静的サイトは、あらかじめ作られたHTMLファイルをそのまま配信するサイトです。動的サイトは、アクセスされたタイミングで、データベースやプログラムを使ってページを生成するサイトです。
見た目だけでは、静的サイトか動的サイトか分からないこともあります。しかし裏側の仕組みは大きく違います。
この違いは、表示速度、更新しやすさ、CMSの使い方、セキュリティ、運用コストに関わります。
静的サイトとは
静的サイトとは、HTML、CSS、JavaScript、画像などのファイルをあらかじめ用意し、そのまま配信するWebサイトです。
ユーザーがページにアクセスすると、サーバーは用意されたHTMLファイルを返します。
index.html
about/index.html
contact/index.html
css/style.css
images/logo.pngページの内容は、基本的にファイルに書かれた内容そのものです。
会社概要、サービス紹介、コラム、ランディングページ、資料ページ、ドキュメントサイトなど、頻繁に内容が変わらないページに向いています。
動的サイトとは
動的サイトとは、ユーザーのアクセスや入力に応じて、サーバー側でページを生成するWebサイトです。
たとえばWordPressのようなCMSでは、記事本文やカテゴリ情報をデータベースに保存し、アクセスされたタイミングでテンプレートと組み合わせてHTMLを生成します。
ECサイト、会員サイト、予約サイト、管理画面、SNS、検索機能を持つサービスなどは、動的サイトの代表例です。
ユーザーごとに表示内容を変えたり、ログイン状態によって画面を切り替えたり、フォーム入力を保存したりできます。
一番大きな違いは、ページを作るタイミング
静的サイトと動的サイトの大きな違いは、ページをいつ作るかです。
静的サイトは、公開前にページを作っておきます。動的サイトは、アクセス時にページを作ります。
静的サイトは、ファイルを置けば表示できます。サーバー側で複雑な処理をしないため、表示速度が速く、障害や攻撃のリスクも比較的少なくなります。
一方、動的サイトは、アクセス時にデータベースやプログラムが動きます。検索、ログイン、投稿、予約、決済など、ユーザーごとに変わる処理に向いています。
静的サイトのメリット
静的サイトのメリットは、軽さと安定性です。
あらかじめ作られたファイルを配信するだけなので、表示速度が速くなりやすく、サーバー負荷も小さくなります。
また、データベースや管理画面を持たない構成にすれば、攻撃される面も少なくなります。プラグイン更新や管理画面の保護に追われる場面も減ります。
Cloudflare Pages、GitHub Pages、Netlify、Vercelなどを使えば、低コストで公開しやすいのも特徴です。
静的サイトの弱点
静的サイトは、すべてに向いているわけではありません。
管理画面から簡単に記事を投稿したい場合や、複数人で頻繁に更新する場合は、そのための仕組みを別に用意する必要があります。
ログイン、会員機能、予約、決済、ユーザーごとの表示切り替えなども、静的サイトだけでは難しい場合があります。
外部サービスやAPIを組み合わせれば実現できることもありますが、複雑な機能が増えるほど、静的サイトのシンプルさは薄れていきます。
動的サイトのメリット
動的サイトのメリットは、柔軟性です。
- 管理画面から記事を更新できる
- ユーザーごとに表示を変えられる
- 検索や絞り込みができる
- フォーム内容を保存できる
- 会員機能や予約機能を持てる
特にWordPressのようなCMSは、非エンジニアでも記事を投稿しやすく、テーマやプラグインも豊富です。ニュース更新、ブログ運用、会員サイト、ECサイトなどでは、動的サイトの方が自然な場合があります。
動的サイトの弱点
動的サイトは便利ですが、保守が必要です。
サーバー、データベース、CMS本体、テーマ、プラグイン、認証、バックアップ、セキュリティ対策など、管理すべきものが増えます。
WordPressであれば、プラグインの脆弱性、管理画面への不正ログイン、PHPやデータベースの更新、サーバー移転なども考える必要があります。
アクセスが増えた場合は、キャッシュやサーバー負荷対策も必要になります。動的サイトは、作るときだけでなく、運用し続ける前提で考える必要があります。
どちらを選ぶべきか
静的サイトと動的サイトは、どちらが上という話ではありません。
会社概要、サービス紹介、コラム、ランディングページ、採用ページ、ドキュメントのように、更新頻度がそこまで高くなく、表示速度や安定性を重視するなら静的サイトが向いています。
一方で、会員機能、予約、決済、投稿管理、ユーザーごとの表示、複雑な検索などが必要なら動的サイトが向いています。
最近では、サイト本体は静的に作り、問い合わせは外部フォームに任せる、記事管理だけヘッドレスCMSを使う、検索だけ外部サービスを使うといった構成もあります。
まとめ
静的サイトと動的サイトの違いは、ページをあらかじめ作って配信するか、アクセス時に生成するかです。
静的サイトは、軽く、速く、安定しやすく、低コストで運用しやすい構成です。動的サイトは、管理画面、ログイン、検索、投稿、予約、決済など、ユーザーやデータに応じた処理に強い構成です。
Webサイト制作では、流行や慣習だけでCMSを選ぶのではなく、サイトの目的、更新頻度、必要な機能、運用体制に合わせて選ぶことが大切です。