前回の記事では、WordPressでCDNサービスを利用するメリットと、なぜCDNがWordPressの高速化に最適な方法の1つであるかをブログで紹介しました。 。訪問者がホストサーバーから遠く離れている場合、パフォーマンスがどの程度向上するかを観察しました。今日の記事では、CDN77でCDNリソースを作成する方法と適切に調整する方法について、ステップバイステップのガイドを行うので、あなたの関心が刺激されたことを願っています。その後、WordPressに特定のプラグインセットをインストールし、すべてが正常に機能しているかどうかを確認します。.


ガイドの最初のステップは CDN77アカウントを作成する. まだアカウントを持っていない場合, CDN77は14日間の無料トライアルを提供しています. 登録には数分しかかかりません。次に、(CDNタブの下にある)[Create new CDN Resource]をクリックして実際にCDNリソースを作成します。この記事では、ラスベガスのデータセンターでホストされている映画のブログにCDNを実装します.

cdn77-with-wordpress-03

完全なHTTPSソリューションを実装する予定なので、CDN77で新しい「HTTPS」を使用します。このオプションは、ホストサーバーからCDNサーバーへのデータ転送を保護します.

サイトがSSLモードで実行されている場合は、CDN77でSSLのみのリソースを作成する必要があります。そうしないと、混合コンテンツエラーのリスクがあります。この種のエラーは、ブラウザがSSLモードで実行されていて、安全でないHTTPリクエストを介してリソースを突然ロードしようとしたときに発生します.

cdn77-with-wordpress-04

CDN77でSSLを設定する方法

2つの方法で無料のSSL証明書を設定できます。 xxx.c.cdn77.orgのサブドメインに共有SSL証明書を使用することも、独自のCNAMEを使用することもできます(上の図を参照)。一般に、cdn.yoursite.comのようなCNAMEを使用することをお勧めします.

CDN77共有ソリューションを使用する場合、SSLサブドメインが適切に機能するためにこれ以上の手順は必要ありません。.

この場合、CNAMEを設定します。つまり、サイトをcdn.ourdomainに置き換えると、ウェブサイトのコンテンツにHTTPSですぐにアクセスできるようになります。 CDN77では、SSLの取得は数回クリックするだけです.

微調整する !

リソースを作成したら、最初に確認するのは[その他の設定]メニューです。 HTTPSを使用する場合は、HTTP / 2を有効にしておくことが絶対に必須です。通常のHTTP / 1.xとHTTP / 2の間の速度の改善は非常に大きなものです。 CDN77はデフォルトでHTTPSリソースのHTTP / 2モードで動作し、時間を半分に削減します.

HTTPS経由の場合は、HTTPSのGoogle標準に準拠するようにリダイレクト301を実行し、HTTPSリダイレクトを有効にする必要があります.

最適なパフォーマンスを得るには、[クエリ文字列を無視]で[すべて無視]を有効にします。 1時間ごとに更新する必要がある動的に読み込まれるコンテンツをサイトが実行していない限り、クエリ文字列を使用せずにすべてを無視できます。これにより、キャッシュとサイトのパフォーマンスが大幅に向上します。.

CDN77には、キャッシュの有効期限オプションもあります。多くの画像を読み込む場合は、これを可能な限り最高の設定、つまり12日に設定する必要があります。.

このガイドでは、最初に速度を考慮します。したがって、CDNは画像の静的コンテンツのみを提供し、それ以外はすべて元のサーバーからロードされます.

JavaScriptとCSSにCDNを使用しないのはなぜですか??

前回の記事で、CDNネットワークの要求されたノードでコンテンツが利用できない場合に、CDNのパフォーマンスがどのように変化するかについて話しました。まだキャッシュされていないファイルがCSSファイルである場合、読み込み時間が長くなり、パフォーマンスに悪影響を及ぼす可能性があります。これは、CDNでCSSを提供しないことにした場合よりも、サイトのレンダリング速度に大きな影響を与える可能性があります.

CSSおよびJavascriptファイルは、ブラウザでのWebサイトのロードに不可欠であり、CDNサービスのようなキャッシュメカニズムの対象にはなりません。ただし、CDNに静的リソースを作成して、この重要なファイルをダンプできます。これは、WordPressをこのチュートリアルの範囲を超えるレベルに調整する必要がある、より高度な手法です。.

すべてを適切に調整したら、データセンターのメニュータブに進むことができます.

cdn77-with-wordpress-07

CDN77は、ネットワークの各ノードを有効/無効にする便利な方法を提供します。ポイントは、最もアクティブに使用されているノードを慎重に選択することです。これは見つけやすく、読者をフォローするだけです.

必要なノードがわかったら、不要なノードをすべて無効にすることをお勧めします。これには簡単な説明があります。ネットワーク上にあるノードが多いほど、すべてのノードを更新するのに時間がかかるため、パフォーマンスが低下します。一般的に、ノードの数を減らすと、キャッシュのパフォーマンスも向上します。賢く選ぶ.

サイトのパフォーマンスを初めてテストするとき, パージおよびプリフェッチ 便利かもしれません。パージは特定のコンテンツをCDNネットワークからプッシュします。コンテンツを変更し、キャッシュをフラッシュして更新する必要がある場合に便利です。プリフェッチは逆のことを行い、特定のコンテンツをCDNキャッシュに強制します.

cdn77-with-wordpress-10

すべてを構成したら、CNAMEを独自のドメインにポイントできます。これを行うには、レジストラまたはDNSセクションのホスティングパネルでルールを作成し、図に示すようにcdn.yourdomain.comをCNAME xxx.rsc.cdn77.orgにポイントする必要があります。これにより、DNSサブドメインのすべてのトラフィックを実際に必要な場所にリダイレクトします。心配しないでください。パフォーマンスに影響はありません。さらに、使用していることを読者に示す目的にも役立ちます。 cdn.yourdomain.com 派手に見える.

cdn77.orgアドレスを使用したい場合は、何もする必要はありません。WordPressでコンテンツを置き換えるときにそのアドレスを使用してください.

ワードプレス側

WordPress側では、これが正しく機能するためのプラグインを追加する必要があります。私たちは使用するつもりです CDNイネーブラー, 便利な無料のプラグイン。このプラグインを使用する理由は簡単です。CDNプラグインの大部分では、CDNに送信するフォルダーをこのように細かく制御することはできません。このプラグインは機能しますが、JavascriptファイルやCSSファイルは含めず、アップロードした画像のみを含めるため、このケースでは非常に重要です。.

cdn77-with-wordpress-14

インストールすると、ここにプラグインが見つかります…

cdn77-with-wordpress-15

微調整しましょう !

cdn77-with-wordpress-16

カスタマイズについて話したときのことを覚えていますか? WordPressでCDNを適切に設定する方法に関する最も重要な事実は次のとおりです。 CDNプラグインの大部分は、CDNが「複製」するディレクトリを含めるように指示し、通常はwp-contentを含めるように指示します。これは一般的な設定では問題ありませんが、wp-contentフォルダーには、JavaScriptやCSSファイルなどの非常に機密性の高い別のフォルダーであるpluginsおよびthemesフォルダーがいっぱいなので、パフォーマンスは良くありません。前に説明したように、キャッシュされていないとパフォーマンスが低下する可能性があります.

それで、これをどのように修正しますか?単にwp-content / uploadsフォルダーを含めます。そのような単純な解決策!

驚いたかもしれませんが、CDNを処理するプラグインの大部分はこれを行うことができません。このサブフォルダーのみを含めると、CDNにアップロードフォルダーを指示します(つまり、写真のみ)。.

cdn77-with-wordpress-17

サイトを更新するだけで、CDNがコンテンツを取得できるようになります。この例では、Firefox開発者タブ(F12)を開き、最初の画像を検索しました。リンクが置き換えられ、ホストサーバーではなくCDNから直接読み込まれていることがはっきりとわかります。!

前後

これがどうなっているか見てみましょう !

左側の画面では、スウェーデンからサイトをロードするのにかかる時間を確認できます(ラスベガスのホストサーバーから遠く離れています。覚えていますか?)右側の画面では、パフォーマンスが向上したことがわかります。ほぼ半分にカット!すべての重要なファイルはまだラスベガスのサーバーから読み込まれていますが、画像のような重い負荷のファイルはスウェーデンのノードから読み込まれています.

まとめ

うまくいけば、あなたはWordPressサイトにCDNを実装する強力な方法を学びました。サイトの読み込み速度に不可欠なCSSおよびJavascriptファイルなど、一部の技術は非侵入型です。これで、CDNのすべての利点を活用しながら、その欠点を最小限に抑えることができます。無料のCDN試用版をお試しいただき、この記事のヒントを参考にして、WordPressサイトを高速化できるかどうかご確認ください。私たちはあなたが記事を楽しんだことを望みます!いつものように、質問や疑問は以下のコメントに残してください.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me