静的ページ（せいてきページ、Static Page）とは、あらかじめ用意されたHTMLファイルを、誰がいつアクセスしても同じ内容のまま表示するWebページのことです。アクセスするたびに内容が組み立てられる「動的ページ」とは対照的に、完成済みのファイルをそのまま届けるだけというシンプルな仕組みが特徴です。
現実世界に例えると、静的ページはあらかじめ印刷しておいたチラシのようなものです。注文を受けてから作る料理とは違い、すでに完成した紙を配るだけなので、誰に渡しても内容は変わりません。
静的ページとは
静的ページは、Webサーバーの中にHTMLファイルとしてそのまま保存されており、利用者からアクセスがあるとそのファイルの中身をそのまま送り返すだけで表示が完了します。プログラムを実行してその場で内容を組み立てる必要がないため、仕組みとしては非常にシンプルです。
静的ページの仕組み
ブラウザがURLへアクセスすると、Webサーバーはあらかじめ用意されたHTMLファイルを探し出し、加工せずにそのまま返すだけの処理を行います。データベースへの問い合わせやプログラムの実行といった手間がないため、応答までの時間が短く済みます。
静的ページのメリット
最大の利点は表示速度の速さです。サーバー側で処理を行わない分、応答が高速で、アクセスが集中してもサーバーへの負荷が小さく済みます。プログラムの実行がないためセキュリティ上の弱点も少なく、比較的安価なサーバーでも安定して運用しやすい点もメリットです。
静的ページのデメリット
一方で、利用者ごとに表示内容を変えたり、最新情報をリアルタイムに反映したりすることが苦手です。ログイン後のマイページや、在庫状況によって表示が変わる商品ページのような仕組みには不向きで、内容を更新するにはファイル自体を作り直す必要があります。
静的サイトジェネレーター（SSG）
近年は、記事の中身をもとに大量のHTMLファイルを自動生成してくれる静的サイトジェネレーター（SSG）と呼ばれるツールがよく使われます。あらかじめ用意した文章やデータから静的ページをまとめて作り出せるため、更新のたびに手作業でHTMLを書き直す手間を減らせます。
CDNとの相性
静的ページは内容が変わらないため、CDN（コンテンツ配信ネットワーク）と非常に相性がよいという特徴があります。世界各地に配置されたサーバーへファイルのコピーを配っておけるため、利用者に近い場所から高速に配信でき、大規模なアクセスにも強くなります。
JAMstackという考え方
静的ページを軸に、必要な部分だけをJavaScriptやAPIで補うJAMstackという設計の考え方も広まっています。基本は高速な静的ページとして配信しつつ、ログインや検索など動的な機能が必要な部分だけ外部のサービスと連携させる、いいとこ取りのアプローチです。
静的ページが向いている場面
会社案内やサービス紹介ページ、ブログ、ポートフォリオサイトなど、内容の更新頻度が低く、誰が見ても同じ情報でよいページには静的ページが向いています。表示速度やコストを重視するサイトでは、あえて静的ページとして構築する選択も広がっています。
| ツール | 特徴 |
|---|---|
| Jekyll | GitHub Pagesとの連携で広く使われる老舗ツール |
| Hugo | Go言語製で、生成速度の速さに定評がある |
| Next.js（静的書き出し） | React系のフレームワークで静的サイトも生成可能 |
コメント