WordPress で CDN を追加して使用する方法 (完全なセットアップ ガイド)

公開: 2022-08-25

Web サイトを高速化する方法はたくさんありますが、最も効果的な方法の 1 つは、コンテンツ配信ネットワーク (CDN) を使用することです。 CDN は、サイトのコピーまたは選択したコンテンツをサーバーのネットワークに保存し、そのコンテンツを最も高速に処理できるサーバーから訪問者のコンピューターに送信します。 これは通常、地理的に最も近いものです。

コンテンツ配信ネットワークを使用すると、サーバーのワークロードが分散されます。つまり、ホスティング プランで使用されるリソースを削減しながら、サイトの読み込みがより高速かつ確実になります。

非常に多くのオプションがあるため、問題は実際には WordPress サイトに CDN を使用する必要があるかどうかではなく、どの CDN を使用し、どのように WordPress に統合するかです。

一部の CDN は無料です。 他のものは多額の手数料がかかります。 セットアップに高度な技術知識が必要なものもあれば、WordPress 用に構築されていてプラグインと簡単に統合できるものもあります。

ポイントは、すべての CDN が同じではないということです。 以下では、WordPress に適した CDN の選択方法とインストール方法について説明します。 次に、CDN を使用する利点について説明し、よくある質問に答えます。

WordPressに最適なCDNは何ですか?

どの Web サイトでも使用できる CDN サービスは多数あります。 ただし、ほとんどのコンテンツ配信ネットワークの欠点の 1 つは、それらがプレミアム サービスであることです。 これは、舞台裏で必要なインフラストラクチャのためです。

簡単に言うと、CDN にサインアップすると、現実世界のデータ センターのグローバル ネットワークにアクセスできるようになります。 これらのデータ センターは、サイトとそのファイルのコピーをキャッシュします。

そのため、訪問者がサイトにアクセスしようとすると、CDN はその接続を「傍受」し、ユーザーに最も近いデータ センターから Web サイトにサービスを提供します。 このようにして、Web サイトはより迅速かつ効率的に配信されます。

基本的に、CDN はコンテンツをできるだけ早く提供し、大量のトラフィックを処理できるように最適化されています。 CDN を使用しても、Web サイトは意図したとおりに機能しますが、ほとんどの場合、ホスティング プロバイダーのサーバーを単独で使用するよりもはるかに高速に読み込まれます。

一般的なコンテンツ配信ネットワーク (CDN)

CDN には多くの選択肢があります。 Cloudflare は、必要な場合とそうでない場合がある追加サービスが付属する人気のあるオプションの 1 つです。 よく知られていますが、完全に WordPress サイト専用の他のソリューションと比較すると、セットアップがより複雑になります。 とはいえ、高度なサイトと支援できる IT チームがあれば、それは優れたオプションになる可能性があります。 機能が制限された無料プランもありますが、ビジネス プランは月額 200 ドルからで、ウェブサイトに大きく依存する企業向けに設計されています。

Cloudfront は Amazon の CDN サービスです。 これは、Amazon Web Services スイートのツールの一部であり、大量のトラフィック (毎月数十万または数百万のヒット) を持つサイトや、コンテンツまたは製品の大規模なデータベースに最適な別のオプションです。 開始するには、AWS アカウントと AWS Identity and Access Management ユーザーが必要です。 Cloudfront には WordPress 用のプラグインがありますが、入門ドキュメントを参照して、あなたまたはあなたの IT マネージャーが長いセットアップ プロセスに対応できるかどうかを確認することをお勧めします。 Cloudfront は、WordPress サイト専用に設計されたわけではありません。

KeyCDN は、聞いたことがあるかもしれない WordPress の別の CDN です。 強力で高速なサーバーを備えており、ウェブサイトの最も重い部分の 1 つである画像の高速化に重点を置いています。 また、WordPress との統合を比較的簡単にするプラグインも含まれています。 ただし、構成が必要な設定がまだかなり多く、開発者以外にとっては混乱を招く可能性があります。 また、利用可能な無料プランはなく、価格は使用されるストレージ容量に基づいています. これは、成長すればするほど、より多くの費用を支払う必要があることを意味します。

ほとんどの WordPress サイトに最適な CDN

大企業でない限り、一般的な CDN の多くは法外に高価であったり、管理が複雑になったりする可能性があります。 しかし、ほとんどの WordPress サイトは、WordPress 専用に構築された優れた無料オプションである Jetpack から大きな恩恵を受けることができます。

Jetpack は、Web サイトの画像と静的ファイルに使用できる無料の CDN を提供します。 これらは、プラグインの基本バージョンに組み込まれている機能です。 CDN 機能にアクセスするのにプレミアム Jetpack ライセンスは必要ありません。

Jetpack Boost ホームページ

さらに、ロード時間をさらに最適化するのに役立つ Jetpack Boost プラグインをインストールできます。 Jetpack Boost を使用すると、プラグインで CSS を最適化し、重要でないスクリプトを延期し、サイトの遅延読み込みを有効にすることで、Core Web Vitals を改善できます。

どの CDN を使用すればよいかわからない場合、簡単な統合に関しては Jetpack に勝るものはありません。

WordPress に CDN をインストールする方法

通常、CDN をインストールするには、ドメイン ネーム レコード (DNS) を編集して、Web ホスティング プロバイダーではなくサービスを指すようにします。 ただし、そのプロセスは、使用しているコンテンツ配信ネットワークによって異なる場合があります。

Jetpack では、CDN 機能を使用するためにドメイン レコードを編集する必要はありません。 Jetpack で WordPress CDN をセットアップするには、プラグインをインストールして有効化するだけです。 その後、プラグインを WordPress.com アカウントに接続して、その機能を利用し始める必要があります。

Jetpack は自己ホスト型の WordPress サイトで動作しますが、Automattic チーム (WordPress.com の背後にいる同じ人々) によって開発されています。 無料の WordPress.com アカウントの作成には数分しかかかりません。資格情報を入力して Jetpack を有効化する以外に、アカウントを使用する必要はありません。

WordPress CDN の設定方法

例として Jetpack CDN を使用します。 ただし、それを読む前に、Cloudfront のこのドキュメントなど、他の CDN 入門ドキュメントを確認することをお勧めします。 次に、以下の Jetpack の構成プロセスを比較して、使いやすさの違いを完全に理解してください。

Jetpack CDN の設定方法

ウェブサイトでプラグインがアクティブになったら、 Jetpack → 設定に移動し、[パフォーマンス] タブを開きます。 [パフォーマンスと速度] というセクションを探し、[サイト アクセラレータを有効にする] オプションをオンにします。

Jetpack CDN をオンにする

このセクションの下部で、画像の遅延読み込みを有効にすることも選択できます。 そうすれば、訪問者は Web サイトのページからすべての画像を一度に読み込む必要がなくなります。 代わりに、ユーザーがそれぞれのページを下にスクロールしたときにのみ、画像の読み込みが開始されます。

Jetpack Boost を使用している場合は、ダッシュボードに追加のJetpack → Boostページが表示され、パフォーマンス関連のより多くの設定にアクセスできます。 このページから、Web サイトのデスクトップ バージョンとモバイル バージョンの PageSpeed Insights パフォーマンス スコアを監視できます。

Jetpack ブーストのパフォーマンス スコア

Jetpack による遅延読み込みを既に有効にしている場合は、ここでその設定をスキップできます。 次に、[ CSS の読み込みを最適化する] と [必須ではない JavaScriptを延期する] の設定をオンにすると、準備完了です。

これらの設定は Jetpack の CDN 機能の一部ではありませんが、Web サイトの全体的なパフォーマンスを改善したい場合には不可欠です。 全体として、Jetpack CDN 機能と Jetpack Boost は、サイトの読み込み時間を短縮するのに役立ちます。

Jetpack CDN の主な利点は何ですか?

一部の CDN は、世界中に広がるサーバーの膨大な名簿を提供します。これは、大規模なグローバル企業に最適です。 他のサイトには、さまざまな追加機能が組み込まれています。ほとんどのサイトでは、これらの機能は、必要または使用する機能をはるかに超えています。

成長中のウェブサイトを運営していて、銀行を壊すことなくサイトをスピードアップしたいだけなら、Jetpack CDN は理想的なオプションです。

Jetpack を使用すると、世界的に有名な WordPress.com インフラストラクチャを活用して、サイトの読み込み時間をすべて無料で改善できます。 その他の利点は次のとおりです。

  • セットアップは簡単です。 他の CDN は通常、複雑な統合プロセスを伴います。 ほとんどの場合、CDN を使用するには、他のネームサーバーを指すように DNS 設定を構成する必要があります。 これは、特に WordPress の初心者にとっては混乱を招く可能性があります。 しかし、Jetpack を使用すると、複雑な構成プロセスなしで Web サイトのパフォーマンスを向上させることができます。
  • ホスティング料金を削減できます。 大きなファイルの多くが Jetpack CDN サーバーにオフロードされるため、ホスティング プロバイダーで使用されるストレージ容量と帯域幅が削減されます。
  • 無制限のリソースが含まれています。 他の多くの CDN は、サイトのサイズや一定期間の訪問数に基づいて、より多くの料金を請求します。 成長すればするほどお得！ ただし、Jetpack はサイトの規模に関係なく無料です。
  • WordPress 用に構築されています。 これは、既に使用しているテーマやプラグインとシームレスに統合され、互換性の問題のトラブルシューティングに貴重な時間を費やす必要がないことを意味します. さらに、WordPress の最新バージョンで常に最新の状態になっています。
  • これには、自動画像圧縮が含まれます。 画像は通常、WordPress サイトで最も重いタイプのファイルの 1 つです。 Jetpack CDN は、アップロード時に画像を自動的に圧縮して軽量化し、モバイル デバイス用に最適化します。

よくある質問 (FAQ)

CDN とその仕組みについてまだ質問がある場合は、このセクションで回答します。 WordPressでCDNを使用する方法を掘り下げることから始めましょう.

WordPress の CDN とは何ですか?

コンテンツ配信ネットワーク (CDN) は、サイトのコピーをサードパーティ サーバーにキャッシュできるようにするサービスです。 通常、CDN には世界中にデータ センターがあり、訪問者がサイトにアクセスしようとしたときにサイトのキャッシュ コピーを提供するために使用されます。

CDN を使用する場合は、サインアップする必要があります。 また、パフォーマンスを改善する方法を探している場合は、手動でサイトに統合する必要があります.

WordPress で CDN を使用する主な利点の 1 つは、CMS が非常に人気があり、ほとんどのサービスが CMS と簡単に統合できることです。 つまり、通常、プラグインにアクセスしたり、WordPress Web サイトで動作するように CDN を構成する方法に関する詳細な手順を取得したりできます.

CDN を使用する必要がありますか?

CDN を使用することは、どの Web サイトでも厳密に必要というわけではありませんが、ほとんどの場合に推奨されます。 これは、Web サイトの読み込みをできるだけ速くすることで、ユーザー エクスペリエンスが向上し、全体的な直帰率を下げることができるためです。

ほとんどの場合、CDN を WordPress と統合すると、読み込み時間がすぐに大幅に短縮されます。 CDN の使用を他のパフォーマンス改善の調整と組み合わせると、可能な限り最高のユーザー エクスペリエンスを提供できます。

有料 CDN の予算がない場合は、Jetpack などのサービスを使用できます。 Jetpack を使用すると、有料の CDN サービスが提供するほとんどの機能にすべて無料でアクセスできます。 より高度な機能にアクセスしたい場合は、プレミアム Jetpack プランへのアップグレードをいつでも選択できます。

WordPress に CDN を使用する利点は何ですか?

CDN を使用する主な利点は、Web サイトの読み込み時間を短縮できることです。 CDN は、サイトのキャッシュされたコピーを最も近いデータ センターから訪問者に提供することでこれを実現します。 彼らのサーバーはパフォーマンスのために最適化されています。 さらに、通常のホスティング プランよりも多くの同時トラフィックを処理できます。

パフォーマンスの向上に加えて、CDN にはさまざまな追加の利点もあります。 それらのいくつかは次のとおりです。

  • セキュリティの向上: CDN を使用すると、攻撃者と Web サイトの間にセキュリティのレイヤーが追加されます。 一部の CDN は、悪意のあるソースからの接続をブロックできる Web ファイアウォール機能も提供します。
  • DDoS 攻撃に対する保護:ほとんどの CDN は、分散型サービス拒否 (DDoS) 攻撃に対する保護を提供します。 DDoS 攻撃とは、誰かが大量の同時トラフィックを Web サイトに向けて圧倒し、アクセスを不可能にすることです。
  • サーバーの作業負荷の軽減: CDN はほとんどの訪問者の要求を処理するため、サーバーはそれほど多くの作業を行う必要はありません。 多くの場合、これは、品質を犠牲にすることなく、より安価なホスティング プランを選択できることを意味します。

Jetpack のような無料の CDN を使用している場合、基本的にマイナス面はありません。 プレミアム CDN は高価になる可能性があるため、パフォーマンスの向上やその他のメリットがコストをどれだけ上回るかが問題になります。 無料の (そして強力な) CDN を使用すると、すべてが有利になります。

WordPress 専用に構築された無料の CDN はありますか?

Jetpack は、市場で唯一の WordPress 固有の CDN です。 Jetpack の一部の機能は、リアルタイムの WordPress バックアップや顧客関係管理 (CRM) ツールなど、プレミアム ライセンスを持つユーザーのみを対象としています。 一方、Jetpack CDN はすべてのユーザーが利用できます。

Jetpack とその組み込み CDN の使用を開始するには、プラグインをインストールして無料の WordPress.com アカウントを設定するだけです。 Jetpack Boost をインストールして、パフォーマンスをさらに向上させることもできます。

CDN は WordPress サイトのパフォーマンスを向上させますか?

ほとんどの場合、CDN を使用するとすぐにパフォーマンスが向上します。 これは、ほとんどの CDN サーバーが通常のサーバーよりもはるかに最適化されているためです。 また、CDN は世界中にデータ センターを提供し、離れた地域でホストされている Web サイトに接続する際の遅延の問題を削減します。

パフォーマンス指向の WordPress ホスティング プロバイダーを使用していて、Web サイトが適切に構成されている場合は、既にすばやく読み込まれている可能性があります。 ただし、CDN を使用すると、読み込み時間をさらに短縮できます。これは常にプラスです。

サイトのパフォーマンスを改善するために他に何ができますか?

ウェブサイトのパフォーマンスを向上させる方法はたくさんあります。 新しい WordPress Web サイトをセットアップすると、ほぼ瞬時にロードされるはずです。 そうでない場合は、Web ホストに問題がある可能性があります。

残念ながら、共有ホスティング プランを使用していない場合でも、すべての Web ホストがパフォーマンスのために最適化されているわけではありません。 まったく新しい Web サイトがあり、読み込みに 2 秒以上かかる場合は、別のホスティング プロバイダーへの切り替えを検討してください。

一方、Web ホストとサイトの基本的なパフォーマンスに満足している場合でも、読み込み時間をさらに短縮する方法はたくさんあります。 これらの方法の中には、次のようなオプションがあります。

  • アップロード前またはアップロード中の画像の圧縮。 画像は多くのサーバー スペースを占有する可能性があり、読み込み時間が大幅に遅くなる可能性があります。 画像を避ける代わりに、画像を圧縮して全体のファイル サイズを縮小することをお勧めします。
  • ブラウザのキャッシュを有効にします。 ブラウザのキャッシュを使用すると、訪問者はサイトのファイルをローカルに保存できます。 そうすれば、訪問するたびにウェブサイトを完全にリロードする必要がなくなります。
  • 画像の遅延読み込みをオンにします。 この機能により、ユーザーは下にスクロールして表示するまで画像を読み込まないようにすることができます。 遅延読み込みは、ページの初期読み込み時間を短縮するのに役立ちます。
  • CSS と JavaScript の最小化。 最新の Web サイトのほとんどは、さまざまな CSS と JavaScript のコレクションを使用しています。 これらのファイルを縮小すると、読み込みにかかる時間が短縮されます。

これらの最適化に加えて、Core Web Vitals も検討することをお勧めします。 これらは、検索結果でウェブサイトをランク付けする際に Google が考慮するユーザー エクスペリエンスの指標です。 Core Web Vitals は、Web サイトのパフォーマンスに直接関係しています。

Jetpack Boost を使用している場合、プラグインは Core Web Vitals の測定と改善に役立ちます。

コンテンツ配信ネットワーク (CDN) を使用して WordPress Web サイトのパフォーマンスを改善する

ウェブサイトができるだけ高速であることを確認することは、ポジティブなユーザー エクスペリエンスを提供するための鍵です。 そうしないと、ロード時間が遅くなり、訪問者を失う可能性があります。 CDN を使用することは、おそらくサイトのパフォーマンスを改善する最良の方法です。

WordPress で使用できる CDN には多くのオプションがありますが、Jetpack CDN は構成が簡単な優れた無料のツールです。 ほとんどのサイトにとって、Jetpack はサイトのパフォーマンスを即座に改善するための理想的なツールです。

Jetpack の WordPress セキュリティ、パフォーマンス、成長ツールの完全なラインナップをご覧ください。