CDN は WordPress サイトを高速化しますか? 実験結果

公開: 2018-04-13

実験の時間です。 私は WordPress が大好きで、もう 10 年近く使っていますが、問題がないわけではありません。主に、速度。安価な共有ホスティングまたは小規模な VPS で WordPress を使用したことがある人なら誰でも、WordPress をすばやくロードするのが少し悪夢であることを知っているでしょう。

キャッシュプラグインとCloudFlareを使用し、適切なホスティングを使用していることを確認しましたが、WordPress Web サイトを高速化したいと考えています。もちろん、専用ホスティングに移行することもできますが、費用がかかります。それでは、次のステップであるCDNを試してみましょう。

この実験には KeyCDN を使用しています。

CDNとは？

CDN はコンテンツ配信ネットワークです。期待どおりのことを行います: 世界中のネットワークからコンテンツ (つまり、Web サイト上のもの、画像など) を配信します。

あなたのウェブサイトは、ホスティングプロバイダーがどこにいても単一のサーバーに保存されているため、人々が他の場所 (地球上の他のサイトなど) からあなたのコンテンツにアクセスしたい場合、時間の遅延が発生します. CDN を使用する場合、CDN プロバイダーはWeb サイトの静的部分を訪問者により迅速に配信します。これは、CDNが世界中のサーバーのネットワークを使用しているためです。 CDN はサーバーの負荷も軽減します (特に、安価な共有ホスティングを使用している場合に役立ちます)。

CDN は、WordPress サイトを含むあらゆる Web サイトで使用できます。

サイトの速度が重要な理由

WordPress を使用している場合でも、別の CMS (コンテンツ管理システム) を使用している場合でも、すばやく読み込む必要があります。なんで？

1. 人々はページの読み込みが速いことを望んでいます

あなたのウェブサイトは人々のためのものであり、人々はあなたのページが読み込まれるのを待って時間を無駄にすることはありません! これは UX (ユーザーエクスペリエンス) の一部であり、優れた UX は、人々が何度も何度もあなたの Web サイトに戻ってくるようにします。オンラインでの注意持続時間は短いため、人々がうんざりして戻るボタンを押す理由を与えたくありません。

2.SEOにはサイトスピードが重要

Google はページの読み込み時間をランキング要因として使用する場合があり、モバイルインデックスにとってはさらに重要です (以下を参照)。 UX は、今日の SEO の不可欠な部分です。サイトが遅いためにユーザーが SERP (検索エンジンの結果ページ) に戻ってしまうと、ランキングに悪影響を及ぼします。

3. モバイルフレンドリーにするためには、ページをすばやく読み込む必要があります

モバイル SEO とモバイル UX はますます重要になってきており、ページの読み込み速度はその大きな部分を占めています。ページの読み込み時間を数ミリ秒短縮することで、Google のモバイルファーストインデックスで競合他社を打ち負かすことができます。

実験: CDN は私の WordPress ウェブサイトを高速化しますか?

WordPress サイトを高速化したい理由はわかっていますが、実際にそれを実現する時が来ました。それがどのように行われるかについて話す代わりに、実際にそれを行うつもりです (または、少なくとも試みます!)。

これが私がやろうとしていることです：

1. 現在のウェブサイトの構成を一覧表示する (ホスティング、キャッシュプラグインなど)
2. 現在の Web サイトの速度を測定する (Google Page Speed と Pingdom を使用)
3. CDN をインストールする
4. 新しい速度を測定する
5. それだけの価値はありましたか?
現在の WordPress サイトのセットアップ

このテストは、この Web サイト InternetFolks.com で実行しています。現在のパフォーマンスについて知っておく必要がある統計は次のとおりです。

WordPress テーマ: eleven40 子テーマを持つ Genesis Framework
ホスティング: SSD ストレージ (2.5GB RAM) を備えた KnownHost の最も安価なマネージド VPS を使用しています (月額約 30 ドル)。
Caching Plugins: Autoptimize プラグイン (無料) がインストールされています。このプラグインは、CSS と他のスクリプトを組み合わせて、サイトの読み込みを減らします。また、画像のサイズを圧縮する WPSmushIT プラグイン (これも無料)。
キャッシュの追加: CloudFlare の無料バージョン。スクリプトを縮小して結合し、画像などの静的ファイルの CDN として機能します。

ということで、このサイトの速度を上げるためにかなり重複したことをやっているようですが、改善の余地はありますか？「前」の速度テストを行いましょう。

初速試験

ウェブサイトの速度をテストする際の簡単な注意点:ホームページだけをテストして先に進まないでください。また、他のページ形式 (ブログ投稿、ランディングページなど) をテストして、それらがどのように機能するかを確認する必要があります。あなたのホームページは、あなたのサイトの大部分のページとは大きく異なる可能性が高いため、代表的でないページの速度を最適化しないでください!

それを念頭に置いて、ホームページと長いブログ投稿の 2 つのページをスピードテストします。

Pingdom の Website Speed Test を使用しています。個々のリソースがどのようにロードされているかを実際に見て、何が遅くなっているのかを確認できるため、Google の Page Speed Insights よりも、WordPress Web サイトの速度を測定するより厳密な方法です。また、Google スコア (グレード A、B、C など、および 100 点満点) も含まれます。

テストの場所としてニューヨークを使用しました。これは、聴衆のほとんどが米国とヨーロッパにいて、ニューヨークがほぼ中間にあるためです。

ホームページは 3.88 秒(ページサイズ 1.1MB) で読み込まれますが、ブログ投稿は 5.8 秒(ページサイズ 3.2MB) で読み込まれます。

WordPress CDN の設定

私が KeyCDN を試してみることにしたのは、主に30 日間の無料試用版があるため (この実験がうまくいかなくても、何も失うことはありません)、また、 PAYGベースで請求されるため (GB あたり約 0.04 ドル)、私のサイトの月が遅い場合、定期的な請求が発生することはありません。彼らの年間最低額は 49 ドルですが、これは私が見つけた他のどの CDN よりもはるかに安いものです (MaxCDN は月額 9 ドルからで、次に安いものでした)。

試用アカウントを作成し、メールをアクティベートした後、次のダッシュボードが表示されました。

彼らは最初に $1 の無料クレジットを提供してくれました。これは、この実験には十分すぎるはずです。

[注: 私の紹介リンクを使用して KeyCDN を試すと、$10 の無料クレジットを獲得できます]

次のステップは、CDN ダッシュボードにゾーンを追加することでした。 SSLサポートの追加（「高度な機能」セクションの一部）を除いて、すべての設定をデフォルトのままにしました。

CDN ゾーンを展開するのに約 5 分かかりました。その後、新しいゾーン URL を CDN イネーブラープラグインに追加し、アクションの準備が整いました!

KeyCDN ブログで、CDN Enabler と呼ばれる軽量の WordPress プラグインが提案されたので、インストールしました。 CDN URL をプラグインダッシュボードに追加するだけで、すぐに機能し始めます。

より詳細なセットアップ手順が必要な場合は、KeyCDN の入門記事を参照すると非常に簡単です。

新しい速度テスト

WordPress サイトに KeyCDN をインストールするのに約 7 分かかりました。詳細設定についてはまだ見ていませんが、別の Pingdom 速度テストを実行するとどうなるか見てみましょう。

ええと、ホームページの読み込みに 6.27 秒かかります。ブログ投稿のためにスピードテストが読み込まれるのを待って退屈しました…. 14秒以上！

私の WordPress サイトに CDN を追加すると、サイトが遅くなりました。

CDN Enabler プラグインを無効にして KeyCDN を一時的に削除したところ、サイトの速度が通常に戻りました。

おそらく、CloudFlare と Autoptimize プラグインが競合を引き起こしているのでしょうか? 両方を一時停止して、もう一度試しています。

そのほうが似てる！

ホームページは 1.31 秒で読み込まれ (ページサイズは 1.5MB に増加)、ブログ投稿は 2.66 秒で読み込まれました (ページサイズは 3.4MB)。これにより、速度が大幅に向上します。

このシンプルな CDN により、WordPress サイトが非常に高速になったことを嬉しく思います。ちょっと待ってください、まだ KeyCDN を再アクティブ化していません。 CloudFlare は一時停止します。そして、私はキャッシュプラグインを持っていません…何?!

私は少しいじって、間違ったことを見つけました。まず、KeyCDN を追加したとき、最初に https:// なしで追加しました。一度修正すると、すべてがうまくスピードアップしたので、これは非常に重要であることが判明しました!

キャッシュプラグインまたは CloudFlare を使用している場合は、サイトの速度を正確にテストするために、キャッシュを削除またはパージする必要があります。これを行った後、自分のサイトにはまだ助けが必要であることに気付きました。さらに、複数の場所でテストする必要があります。 Pingdom では、ニューヨーク、カリフォルニア、スウェーデン、メルボルンを使用できます。 CDN がなければ、ニューヨークの速度は良好でしたが、他の場所では最悪でした。私のサーバーはニューヨークの近くにあるので、それは理にかなっています. しかし、私は自分のサイトをすべての訪問者に対して高速にしたいので、CDN がそれを助けてくれます。

CDN の管理

一度セットアップすると (最初のエラーで 10 分かかりました!)、KeyCDN ダッシュボードは非常に使いやすくなりました。取得しているすべてのトラフィックの場所とボリュームを含むトラフィック統計が表示されます。 クレジットがリアルタイムで減少するのを確認でき (これまでに 1 セントを費やしました!)、いつでもクレジットを補充できます。

実際に行う作業はありません。ログインして時々チェックし、ページエラーがないことを確認してください。これは、404 エラーやサイトの問題を見つけるのにも非常に適した方法です。

最終的な考え: CDN は WordPress を高速化しますか?

はい！この投稿を公開した直後に実行したホームページの速度テストは次のとおりです。

KeyCDN をインストールすることで、ブログ投稿の読み込み時間も半分になりました(5.8 秒ではなく 2.75 秒になりました!)。さらに、WordPress インストールからCloudFlare とキャッシュプラグインを削除することもできました。

KeyCDN のインストールがいかに簡単であったか (最初の間違いの後でも!) に非常に満足しており、現在の使用量に基づいて月額約 5 ドルしかかからないと見積もっています。これらの速度の完全な掘り出し物。専用ホスティングプランに移行すると、さらに多くの費用がかかります。

今後数週間は実行したままにし、サイトの読み込み時間、SEO ランキング、ユーザーメトリックを監視して、その影響を追跡します。すぐにまた報告します。

アップデート：

KeyCDNを使い始めて1週間。サイトの読み込みが速くなったように感じましたが、次のことを確認するために適切な速度テストを行う必要がありました。

うん、それはまだ動作します！ ホームページ (現在 1.3MB) は 1.72 秒で読み込まれます。

また、非常に長いブログ投稿 (3.6MB) は 3.32 秒で読み込まれます。リクエスト数も減っていることに気づきました。 1 週間の KeyCDN の総コストは 9 セントでした。悪くない。

しかし、サーバーログを確認したところ、CloudFlare を一時停止してから帯域幅の使用量が 50% 以上増加していることに気付きました (12 日に一時停止しました)。

それは良いことではありません。前述したように、私はホスティングに安価な VPS しか使用していないため、帯域幅の使用をできるだけ低く抑えたいと考えています。そして、安価な共有ホスティングを使用していた場合、それは不可欠です.

別の実験として、私は CloudFlare を CDN として再び使用しています。サーバーの帯域幅とサイトの速度を監視し、すぐにまた報告します!