静的コンテンツとは何ですか？それはあなたのサイトにどのように影響しますか？

「静的コンテンツ」という用語を聞いたことがあると思いますが、これは特定の種類のWebサイトやファイルに適用され、使用しているWebサイトの種類によっては、そのサイトのホスト方法に大きな影響を与える可能性があります。

静的および動的コンテンツ

「静的コンテンツ」とは、変更されないファイルを指します。それらはディスクにファイルとして保存され、Webサイトのユーザーに直接提供されます。たとえば、CSSスタイルシートは静的コンテンツです。それらはダウンロードとしてホストでき、すべてのユーザーで同じです。

これは、静的コンテンツがインタラクティブなWebサイトを提供できないことを意味するものではありません。JavaScriptファイルは静的コンテンツであり、ユーザーのブラウザに到達するまでコードを実行しません。ReactJSのようなJavaScriptフレームワークを使用することで、サーバー側で処理することなくインタラクティブなWebアプリケーションを作成できます。Reactのファイルは、JavaScriptのバンドルファイルであり、HTMLとCSSはWebサイトで一般的なものです。

一方、動的コンテンツは、一意のユーザーごとに作成されます。これが発生する場所の違いを理解することが重要です。動的コンテンツは、通常、データベースにクエリを実行し、ユーザーに送信する前にページを更新することにより、サーバー側で意図的に作成されます。ユーザーが知る限り、ユーザーはWebページを取得するだけです。データベースを見ることはありません。

WordPressは動的コンテンツの有名な例であり、あなたは今これを読んでいます。記事のリクエストごとに、WordPressはMySQLデータベースにアクセスし、ページに関する情報を取得します。この情報はパフォーマンスを向上させるためにキャッシュされる場合がありますが、それでも動的なコンテンツです。

重要なポイントは、WebサーバーでCPU処理が必要になることです。PHP、Ruby on Rails、Djangoなどのツールを使用するWebサイトはサーバー上で実行されます。各リクエストは追加のCPUパワーを使用し、データベースにアクセスするには常にそのようなサーバーが必要です。

一方、同じ効果を持つ「静的コンテンツ」を持つことができます。この例では、処理はクライアント側で行われます。

入力に応答し、ページとコンポーネントを更新し、インタラクティブなWebアプリケーションを提供できるという意味で、それでも「動的」である可能性がありますが、すべての処理はユーザーのブラウザーによって実行されます。

通常、これをデータベースに接続する場合は、APIを設定する必要があります。これは、ブラウザアプリケーションがロードできるJSON形式のリクエストに応答するWebサーバーです。この場合、このWebAPIサーバーは動的JSONコンテンツを提供します。

静的コンテンツをホストする利点

従来、Webサイトをホストする場合は、要求を処理するためにWebサーバーをセットアップする必要があります。ただし、静的コンテンツのみを提供している場合は、Webサーバーが行う必要のあることはほとんどありません。本当にあなたがしなければならないのは、HTTPSを介してそれらの静的ファイルを提供するためにNGINXのようなサービスを設定することです。

これは簡単な作業であり、多くのクラウドサービスは、独自のサーバーを設定せずにファイルホスティングソリューションを提供します。これにより、データの支払いのみを行うことで、コストを大幅に削減できます。AWSのようなプラットフォームでホストする場合、トラフィックが多すぎるためにWebサイトがダウンすることはないため、スケーリングも非常に簡単です。

静的コンテンツは、Simple Storage Service（S3）AWSなどのクラウドストレージでホストできます。ファイルをストレージにアップロードし、ホスティング用に設定するだけで、インターネットから利用できます。

これは簡単なセットアップですが、実際にはWebサイトをホストするための適切なエンタープライズグレードのソリューションです。ウェブサイトで動的コンテンツを使用していない場合、特にAWSなどのクラウドプロバイダーを使用している場合は、独自のウェブサーバーをホストするよりもこのソリューションを選択する必要があります。