サイトキャッシングとは何ですか? (&それはどのように機能しますか?)

公開: 2022-05-29

サイトキャッシングは、Webサイトのパフォーマンスを向上させ、訪問者により良いユーザーエクスペリエンス(UX)を提供することができます。 ただし、このプロセスがどのように機能するのか、WordPressサイトにとってどれほど重要なのか疑問に思われるかもしれません。 技術的なノウハウがあまりない場合、キャッシングは恐ろしいように思えるかもしれませんが、実際には実装は非常に簡単です(そして便利です)。

この投稿では、サイトキャッシングとは何か、そしてそれがWebサイトにどのように役立つかについて説明します。 また、開始に役立ついくつかのキャッシュツールについても説明します。 さっそく飛び込もう!

サイトキャッシングとは何ですか?

キャッシングには、サイトのファイルのコピーを作成し、それらを特定の場所に保存することが含まれます。 これらのファイルには、投稿、ページ、写真、ビデオ、ユーザーデータなど、WordPressWebサイトに関連するすべてのものが含まれます。

ユーザーが初めてサイトにアクセスするとき、ブラウザは必要なすべてのコンテンツを最初からロードする必要があります。 彼らのブラウザはあなたのウェブサイトのサーバーにリクエストを送信し、あなたのサイトのコンテンツをHTMLファイルとして返します。 このプロセスは完了するまでに数秒かかる場合があり、ページの速度が低下します。

サイトキャッシュを使用すると、Webサイトのコンテンツの一部が、ローカルデバイスなど、ユーザーのブラウザからより簡単にアクセスできる場所に保存されます。 ユーザーがページに戻ると、Webサイトの情報をよりすばやく表示できます。

このタイプのキャッシュは、コンテンツを表示するためにプロセスを実行する必要がないため、読み込み速度を向上させるのに最適です。 ただし、ショッピングカートを使用したeコマースページなど、コンテンツが絶えず更新または変更される動的なWebサイトには適していません。

サイトキャッシングの利点は何ですか?

キャッシュを使用すると、特にコンテンツの多いWebサイトで、読み込み速度を大幅に向上させることができます。 この強化されたパフォーマンスは、いくつかの点でサイトにメリットをもたらします。

まず、多くのオンラインユーザーは焦ります。 実際、ページの読み込みに3秒以上かかる場合、モバイルのバウンス率は3分の1増加する可能性があります。 あなたのバウンス率はあなたのサイトに来てすぐに去る人々のパーセンテージです。 したがって、ページの読み込み時間を最小限に抑え、Webサイトへの訪問者を長く保つことが最も重要です。

読み込み速度もコンバージョン率にとって重要です。 サイトの読み込みが1秒未満の場合、読み込みに5秒かかるウェブサイトの3倍のコンバージョン率になる可能性があります。

さらに、キャッシュを使用すると、検索エンジン最適化(SEO)に役立つ場合があります。 Googleなどの検索エンジンは、コンテンツをランク付けするときにサイトの読み込み速度を考慮します。

特に、GoogleのコアWebバイタルは特に読み込み時間に焦点を当てています。 これらの指標は、サイトのページエクスペリエンスを測定し、訪問者にとってWebサイトがどれほど簡単でユーザーフレンドリーであるかを評価するために使用されます。 サイトキャッシングを正しく利用すると、CWV数が大幅に増える可能性があります。

キャッシュには、画像やビデオなどの非テキストコンテンツを保存することもできます。 これらのファイルはページ上で最も重い要素であることが多いため、キャッシュによって最大コンテンツペイント(LCP)スコアを向上させることもできます。

サイトキャッシュの最適化に加えて、画像の最適化、コンテンツ配信ネットワーク(CDN)の使用、プレミアムWordPressホスティングへのアップグレードなど、読み込み速度を向上させる方法は複数あります。

4種類のキャッシング

一般的な意味でのサイトキャッシング(サイトリソースのコピーの作成と保存)についてはすでに説明しましたが、実際にはさまざまなタイプのキャッシングがあります。 最も一般的な4つのオプションを見てみましょう。

1.ブラウザのキャッシュ

ブラウザのキャッシュはユーザー側で行われます。 ブラウザは、画像、HTMLコード、CSS、JavaScriptなどのWebサイトのファイルのコピーをユーザーのコンピュータに保存します。 これらのファイルは、訪問ごとに変更されないため、「静的アセット」と呼ばれます。

ユーザーがサイトに再度アクセスすると、ブラウザはキャッシュされたファイルを取得し、それらを使用してWebサイトのコンテンツを組み立てます。 すべてを最初から読み込む必要がないため、サイトの読み込みが速くなり、より優れたUXが提供されます。

ブラウザは通常、限られた時間、またはキャッシュがいっぱいになるまでキャッシュを保存します。 次に、キャッシュを自動的に削除し、次回のアクセス時にWebサイトのコンテンツを再読み込みします。

ユーザーは、ブラウザのキャッシュを手動で削除することでこれを回避できます。 Google Chromeでは、このオプションは[設定]>[プライバシーとセキュリティ]>[閲覧データの消去]にあります。

Chromeで閲覧データをクリアします。

ここから、検索履歴、Cookie、ブラウザキャッシュ、およびサインインデータをクリアできます。 その後、次にWebサイトにアクセスすると、最初からロードされます。

2.サーバーキャッシング

サーバーのキャッシュも同様ですが、サーバー側で発生します。 たとえば、サーバーはWebサイトのコンテンツのHTTPファイルを保存し、訪問者にすぐに提供できます。 これにより、ユーザーがサイトにアクセスするたびにサーバーが新しいHTTPファイルを生成する必要がなくなり、読み込み時間が短縮され、サーバーのリソースに対する需要が減少します。

サーバーは、「オブジェクトキャッシング」と呼ばれるデータベースクエリをキャッシュすることもできます。 このプロセスはデータベースクエリを保存します。 具体的には、訪問者のブラウザからサーバーへの個々のリクエストを保存します。

ユーザーのブラウザがサイトのコンテンツを要求すると、サーバーはクエリ全体を実行する代わりに、キャッシュからコンテンツを配信できます。 そのため、サーバーへの負担を軽減して、コンテンツをより高速に提供できます。

オペコードキャッシングは、サーバーキャッシングの一種です。 これはサーバー上のPHPコードを指し、PHPスクリプトの結果は、Webサイトが出力の要求を受信するたびに実行されるのではなく、保存(キャッシュ)されます。 出力はすでに静的HTMLファイルとして保存されているため、サーバーが実行する必要のある操作の数が減り、サイトの読み込みにかかる時間が短縮されます。

3.CDNキャッシング

CDNキャッシングは、別の種類のサーバーキャッシングです。 これは、世界中に配置されたサーバーのシステムであるコンテンツ配信ネットワーク(CDN)に依存しています。 CDNは、オリジンサーバー(インターネット要求を処理するように設計されたサーバー)からサイトのコンテンツ、コード、およびデータベースクエリを取得します。 次に、ファイルをグローバルサーバーに保存します。

ユーザーがサイトにアクセスすると、CDNはユーザーに最も近いサーバーからキャッシュされたファイルを提供します。

CDNキャッシング

画像ソース:Seobility –ライセンス:CC BY-SA 4.0

CDNキャッシングは、世界中の視聴者がいる場合に優れたオプションになる可能性があります。 訪問者には、最も近い場所からWebサイトが提供されるため、読み込み時間が短縮されます。 ただし、CloudflareなどのCDNサービスにサインアップする必要があります。

4.DNSキャッシング

ドメインネームシステム(DNS)は、WebサイトのIPアドレスとドメイン名に関する情報を格納します。 サイトにアクセスすると、ブラウザはDNSサーバーを参照して、ユーザーが入力したドメイン名を正しいIPアドレスと照合します。 そうすることで、Webサーバーは正しいコンテンツをブラウザに配信できます。

DNS

画像ソース:Seobility –ライセンス:CC BY-SA 4.0

したがって、DNSキャッシュは、コンピューター上の最新のWebサイトルックアップの一部を格納する一時的なデータベースです。 もう一度サイトにアクセスすると、ブラウザはDNSレコードを参照せずにIPアドレスをすばやく取得できます。 そうすれば、ブラウザはアクセスするたびにサイトのIDを確認する必要がありません。

サイトキャッシング用のツール

さまざまなツールを使用して、WordPressサイトのキャッシュを制御できます。 たとえば、WP Rocketを使用すると、さまざまなデバイス間でのキャッシュを制御し、ファイルとHTMLリクエストを最適化し、Webサイトのパフォーマンス全般を向上させることができます。 プラグインにはプレミアム価格が付いていますが、その価格で結果が得られます。

サイトキャッシング用のWPRocketプラグイン。

代わりに無料のWordPressキャッシングプラグインを探している場合は、W3TotalCacheが優れたオプションになる可能性があります。 メモリ内またはディスク上のコンテンツを含む、さまざまなキャッシュ設定から選択できます。 また、JavaScript、HTML、およびCSSを縮小することもできます。 予算に余裕があり、無料のオプションが必要な場合は、W3をインストールする価値があります。

W3TotalCacheプラグインの設定。

WordPressWebサイトにCDNを使用することも検討してください。 多くのホスティングプロバイダーは、数回クリックするだけでこのサービスをセットアップするのに役立ちます。 SiteGroundには無料のCDNも組み込まれています。

SiteGroundサイトツール

または、CloudflareまたはGoogleCloudを介してプレミアムCDNを選択することもできます。 これらの有料サービスには、広範なグローバルインフラストラクチャ、監視ツール、および高度なセキュリティ機能が含まれます。

キャッシュのプリロードとは何ですか?

WP Rocketなどの一部のキャッシュツールを使用すると、Webサイトの訪問者用にキャッシュを「プリロード」できます。 通常、誰かがあなたのサイトにアクセスすると、そのブラウザは最初からすべてを最初からロードする必要があります。 次に、2回目の訪問時に、キャッシュされたバージョンのサイトが提供されます。

ただし、プリロードにより、初めての訪問者がキャッシュされたファイルをすぐに受信できるようになります。 WP Rocketをセットアップした後、プラグインはすぐにサイトのホームページ、そのリンク、およびそのモバイルバージョンをプリロードします。

さらに、プリロードをオンにすることができます。

  • 1日の特定の時間
  • WPエンジン設定への変更を保存した後
  • 特定のXMLサイトマップの場合
  • あなたのウェブサイトのコンテンツを更新した後

初めての訪問者は読み込み速度が向上するため、事前読み込みは有益です。 これにより、サイトのUXが向上し、ユーザーをページにとどめることができます。

結論

サイトキャッシュは、Webサイトのファイルのコピーを保存します。 リピーターがページにアクセスすると、読み込み時間が短縮されます。 さらに、これはWordPressキャッシングプラグインまたは専用のCDNサービスを使用して簡単に設定できます。

サイトのキャッシュを有効にすることは、ページの読み込み時間を改善し、UXを向上させるための優れた方法です。 その結果、ページ上のコンバージョンを増やし、検索エンジンの結果ページ(SERP)のランキングを上げるのに役立ちます。

サイトキャッシングの利点について質問がありますか? 以下のコメントセクションでお知らせください。

aliaksei kruhlenia/shutterstock.comによる注目の画像