PR

CDN導入のためにJetpackとCloudflareを使った感想

このページでは、WordPressサイトを作るときに「もっとページを高速で表示できるようにしたい」といったあたりの情報をまとめています。今回はそのCDN編。

ぶちくま
ぶちくま

Jetpackは利用している方も多いと思います。そして、なんでJetpack使っているのかよくわかっていない人も多いと思います。私がそうです。

Jetpackの機能の一部に「画像データをCDN利用できる」というものがあるのですが、意識して使用してますか?

横文字が苦手なぶちくまが、ひたすら英語と戦いながらCDNというサイト高速化(と諸々のメリット)を獲得すべく戦う記事です。

ブログ高速化のためにやった5つの方法|WordPressテーマはCocoon
サイト高速化のためにやることはシンプルです。要は、画像を減らして圧縮する。これだけでほぼ解決します。体感速度はまったくトラブルなし。ただ、それでもPageSpeed Insightsの評価は残酷なものです。なんとか、コードやカスタマイズ不要で高得点を出した記録を公開します。
スポンサーリンク

CDNとは何なのか

そもそもCDNとは何者なのか。

答えは、コンテント・デリバリなんとか

コンテント・デリバリ・ネットワークの略です。
通常サイトのテキストファイル・画像・動画・音声などのコンテンツは、自分で借りたサーバーに保管されています。そのサーバーにアクセスすることでユーザーのデバイスにサイトが表示されます。しかし同じサーバーにアクセスが集中すると混雑のためサイトが表示されなかったり、表示遅延などが発生します。
画像や動画ファイルをCDNサーバーに分散させてキャッシュを保存し、ユーザーに近いCDNサーバーからコンテンツを表示させます。こうすることで自分のサーバーの負荷を軽くし、かつユーザーはCDNサーバーからコンテンツを読み込むため、サイトの表示を高速化することができます。

第1回 CDN の 仕組み (CDNはどんな技術で何が出来るのか)

ということらしいです。

わたしなりに解釈しますと、

CDNという配信専用の無数のサーバーでできたネットワークがあります。
配信したい人(ブロガー)は、そこにコンテンツを投げ入れます。
コンテンツを受信したい人は一番手近にあるCDNサーバーから手っ取り早くデータを受け取ることができます。

こんな感じです。

しろくまさん
しろくまさん

よくわからないけど便利な機能ってことだな

CDNを利用するとどんないいことがあるの?

以下のサイトがとても役立ちますので参考にさせてもらいました。ありがとうございます。

第1回 CDN の 仕組み (CDNはどんな技術で何が出来るのか

CDNを利用するとどうして高速化できるのか

まず、今回の目的である、サイトの高速化に役立ちます。
たとえば、私はエックスサーバーというレンタルサーバーを利用していますが、例えばこのサーバーまでの道路は一本だけしかないとします。

シンプルに、距離が遠ければコンテンツを届けるのに時間がかかりますね。

これが、CDNというネットワーク上に配信サーバーがあると、一番近いところにある配信サーバーまで行けばよくなります。

ユーザーの居場所によりますが、CDNがたくさんあればあるほど、身近に配信サーバーがある可能性が高くなるので、結果として早くコンテンツを受け取ることができるユーザーが増えることになります。

これはわかりやすいパターン。

でも、それだけじゃなくて、一度にコンテンツが欲しい人が殺到すると、1本しかないサーバーへの道路は渋滞します。これが、CDNのような無数に張り巡らされたネットワークになれば、道路がいっぱいできるので、渋滞の解消に役立ちます。

障害にも強いCDN

複数の配信サーバーがネットワークで繋がっているCDNの構造は、障害にも強いとされています。

例えば、ひとつ問題のある配信サーバーがあったところで、CDNは相互のネットワーク上のサーバー同士で補完しあえるので、問題があるサーバーは切り離してしまえばユーザーがトラブルを感じることなく対応することができます。

スポンサーリンク

Jetpackで簡単にCDNを利用できる

実際には「部分的CDN」だと私は思っていますが、導入方法がとても簡単なのでお勧めしやすいです。
やっぱり作業量は少ないに限りますからね。

Jetpack設定方法

こちらはとても簡単です。
Jetpackはプラグインとしてかなり有名なので、「なんか知らんけど使ってる」方は結構多いと思います。

実際、プラグインを「新規追加」する画面の一番上にJetpackは表示されるはず。
こちらをインストールして有効化しましょう!

JetpackとWordPress.comのアカウントを作成する

わたしはすでにアカウントをもっていたので今回は登録不要だったのですが、WordPressをまだ始めたばかり、という方は登録をお勧めします。Jetpackは使わなくてもなんとかなりますが、Akismetというスパムを除外するプラグインは便利です。

様々なプラグインをつけては外してきましたが、Akismetを外したことはないです。Jetpackは重たいので何度か外しましたが。

アカウントは各ブログ用のものを作成しよう

アカウントは、レンタルサーバーで作ったブログ用のE-meilアドレスを使用するといいですよ。私は面倒くさがりなので、メインもサブも同じアカウントにしてますが、複数運営するサイトが出てくると、「あれ、どのメールアドレスだっけ」ってなります。

なので、基本的にどのアカウントを作るときでも「各ブログ用のアカウント」を「各ドメインのアカウントメールアドレス」で登録するようにしました。
メモアプリにロックかけて、表で管理するとわかりやすいですよ。

なんか有料会員に誘導されるんだけど?

アカウント登録時に有料会員に誘導する項目もありますが、「Free」会員で大丈夫です。読みづらいところにありますが、画面の下の方に「Start with Free」というボタンがあるのでそちらをクリック。
金額を入力する画面があれば「$0」にすれば課金はされません。

JetpackのCDNは設定がすごく簡単

WordPressのダッシュボード(編集画面)に「Jetpack」タブができたと思いますので「ダッシュボード」をクリック。
基本的な編集はクリックひとつでできます。
「パフォーマンス」にある「画像のパフォーマンス」を有効にします。

JetpackのCDN設定
JetpackのCDN設定

これだけです、お疲れ様でした!

他にJetpackに必要な設定

Jetpackは多機能すぎて何しているのかいまいちよくわからないプラグインですが、基本的にはスパムブロックだけで大丈夫です。今回は特別にCDNのために画像メディアの設定を行いました。

あとはあえて必要なものはないと思いますが、統計情報を利用したウィジェットの「人気記事一覧」機能なんかは使いやすいかと思います。統計情報取得がプラグイン動作を重くしている原因でもあるんですけどね。

Jetpackは簡単に利用できるので初心者にお勧めできる理由

いや、そのままなんだけども。初心者にはJetpackによるCDN(もどき)がお勧めです。WordPressとの互換性もいいですし、画像ファイルだけなので最悪コンテンツ全てを破壊するようなエラーは起きませんし。

JetpackでCDNするメリット

  • 何より簡単。
  • 画像サイズを最適化してくれる
  • エラーも最小限(の可能性)

JetpackでCDNするデメリット

  • 画像しか取り扱っていない。効果が薄い。
  • CDNを利用することでエラーが起こる可能性がある。
  • レンダリングブロックしている要素にJetpackが入ってくることがある。
  • なんか結局表示が遅くなってユーザビリティが低下することもある。

Jetpackの最大のデメリットは「画像ファイルしかCDNとして利用できない」というところです。
試しに他のCDNサービスと比較してみましょう。

スポンサーリンク

同じく無料で利用できるCDNはCloudflare

CloudFlareはそういったCDNサービスの一種です。無料アカウントでも多くの便利な機能を使えるため、簡単にCDNの恩恵を受けられます。CloudFlareは、ライバースプロキシという概念を用いたCDNです。そのため、CloudFlareの導入にはネームサーバが必要となります。
無料でサイトを大幅に高速化! CDNを知らない人のためのCloudFlare入門

今回は他の方の記事におんぶに抱っこですね。申し訳ない。

実際にCloudflareに登録してみる

物は試しということでCloudflareに登録してみました。登録自体はE-mailアドレスの登録だけだったので簡単。

まずはアカウント登録

アドレス送信後に、すぐにメールが返ってくるので、そこにあるリンク「Verify email」をクリックすると、メールの確認が取れます。
するとダッシュボードで設定画面に移ります。

cloudflareのメール登録
cloudflareのメール登録

Cloudflareに無料登録する設定

ここまできたら引き返せないのでどうせだからCloudflareを試してみることにしました。
ドメイン取得サイトの設定も必要になるので、少し設定は面倒です。
とはいえ、コピペだけだったので共有します。

ドメイン登録について
  1. まずダッシュボードに到着。自分のサイトのドメインを登録します。
  2. 次に、ネームサーバーが与えられます。2つあるのでどちらもコピーしてメモして置いてください。あるいはそのページを開いたままにして別タブで作業を続けます。
Cloudflareの設定|ネームサーバーの記入
ネームサーバーの記入
ネームサーバー登録方法
  • ドメインを取得したサイトにいって設定します。
    (私の場合、サーバーはエックスサーバーですが、ドメインはお名前.comで取得しています。その場合は、お名前.comで設定することになります。)
  • お名前.comではログインすると契約更新画面のはずです。まずはホーム画面に行きましょう。ホーム画面から「ネームサーバーを設定する」をクリックしてください。
  • 変更するドメインを選択してチェックを入れてください。その下にある「ネームサーバーの選択」から、「その他」のタブを選択。
  • すると、他のサーバーという欄があるのでこちらをチェックします。
  • ここのネームサーバー1、ネームサーバー2など、指定されたところに、それぞれ先ほどコピペしたアドレスを入力してください。

確定すれば設定は終了です。

数分後にメールで「アクティベートしたぜ」ってお知らせが来ます。
これで任務終了です。

また適切な設定があれば追記します。

キャッシュ系プラグインの設定

CDNの設定があるキャッシュ系プラグイン、たとえばW3 Total CacheやWP Fastest Cacheですね。
これらはCDNと連携する機能がついているので、ついでに設定しておきましょう。

CloudflareのAPIキーはMy profileにあるよ

CloudflareのAPIキーが必要になるかと思います。
その場合は、右上にある人物アイコンから「My profile」を選択してみます。
すると、下の方に「API keys」というものがあるので、そこから確認してください。
Global API Keyの方でいいと思います。

Cloudflareを設定するともれなくエラーもついてくる

早速、サイトが高速化されたかどうか確認しようと思ったら、PageSpeed InsightsもGTmetrixもエラーを吐き出しました。

ぶちくま
ぶちくま

計測できなくなってる!

ただ、ページは表示されるし(キャッシュのせいかも知れんが)今のところは、不都合なし。むしろ、なんか異様にページの表示は早くなってる!
体感でここまで変わるのは、もしかしたら高速化チャレンジ後、1番の衝撃かも知れん。。。

Cloudflareの注意点

あちこちのサーバーに飛ばされるからかどうかわかりませんが、セキュリティの脆弱性について心配する声があります。

* サイトが頻繁に落ちるようになった
* サイトロックダウン(不正侵入)の回数が増えた

サイト 高速化 ! CloudFlare と JetPack どちらがいいの??

という現象が多くみられるようになったそうです。

Cloudflareのサーバー自体が落ちる現象

これも頻回にみられているとのこと。その間、当然じぶんのサイト、みてもらうことができません。
ただでさえ訪問者の少ない我がサイトに、そんな無用なエラーでみていただけないのはあまりに悲しい。

ということで、メインサイトの方は2、3日様子をみて元に戻そうと思っています。

CDNのcloudflareで522エラーがよく出ます。解決方法調べました。

スポンサーリンク

結果:Jetpackは大して変わらず、Cloudflareは早いがエラー

最初にJetpackで画像処理機能を導入した時にはPageSpeed Insightsでの計測結果が5点以上あがりました

ただ、この設定にしたから全てOK、というほど万能な機能でもありません。実際、メインで使っているサイトに関してはほとんど点数は変わりませんでした

むしろ、画像圧縮したりする方がよっぽど即席で効果があります。

一方のCloudflareですが、本当はただ比較のための情報を書くためだけだったのになぜか登録までしちまって、しかも利用し始めるという巧妙な罠。

ぶちくま
ぶちくま

被コンバージョン率高めのくまです

ただ、実感としてはめちゃくちゃ早くなった。でも、PageSpeed Insightsの評価はいまいち。なんだかもやもや。

結論としては、「遅いと評価されているわけじゃないし、困ることなければCloudflareは外してもいい」と思いました。またGoogleさんに怒られるようなことがあれば考えますが、読者さんに怒られる方がよっぽどつらいっすわね。

コメント

  1. 「hot 人気 ブロック」に関する最新情報です。

    「マイノリティ支配」とは何か?最近の文化戦争の裏側には、私たちの怒りを巧妙に操る仕掛けがあるようです。弱者同士が対立することで、真の敵を見失ってしまう…そんな状況が広がっています。この現象、どこかで聞いたことがありませんか?

    私たちの日常でも、SNSやメディアから流れてくる情報に惑わされてしまうことが多いですよね。特定の意見だけを強調し合うことで、分断が生まれ、気づかぬうちに「仲間同士」で争うことになる。そんな現実に、ちょっとしたヒントが隠されているかもしれません。

    一度立ち止まって、自分の見ている情報の背景を考えてみるのも良いかもしれませんね。あなたはどう感じますか?この複雑な文化戦争の中で、私たちが本当に目を向けるべきことは何なのでしょうか。興味深い内容が詰まった記事、ぜひ読んでみてください!

    https://toyokeizai.net/articles/-/946750?utm_source=rss&utm_medium=http&utm_campaign=link_back

  2. 「hot 人気 ブロック」に関する最新情報です。

    「伝説のスポーツモデル」と呼ばれるベンツ《190E 2.3-16》。その魅力に取り憑かれた女性店員が、なんと「客に売らない」ための独自の策を講じたというお話。思わず別の意味での夢中になり方に、ちょっと笑ってしまいますよね。

    このモデルは、ただの車ではなく、時代を超えたアイコン。彼女の情熱がどのように店内に影響を与えたのか、想像するだけでワクワクします。車好きの方だけでなく、日常の仕事や趣味に対する熱意を持つ全ての人に共感できる部分があるかも。

    私たちも、好きなものを守るために少し悪あがきをしてみたくなる瞬間がありますよね。ぜひ、この記事を読んで、彼女のストーリーを楽しんでください!

    https://toyokeizai.net/articles/-/948527?utm_source=rss&utm_medium=http&utm_campaign=link_back

  3. 「hot 人気 ブロック」に関する最新情報です。

    「キャラゲーはクソゲー」という言葉、もう過去のものかもしれません。最近のゲーム化作品、特に『ワンピース』や『呪術廻戦』は、そのクオリティに驚かされます。キャラクターの魅力をしっかりと活かしながら、プレイする楽しさを提供してくれるんです。

    コンテンツの多様性が進む今、ゲーム化作品の新常識が生まれています。これまでの「ただのファン向け」とは一線を画す、深いストーリーや緻密なゲーム設計が特徴です。映画やアニメのファンにはたまらない要素が詰まっていて、ゲームを通じて新しい発見があるのも嬉しいところ。

    私たちの日常でも、好きなキャラクターが活躍する場面にふれることで、ちょっとしたリフレッシュになりますよね。ゲームを通じて、好きな作品の世界に浸る時間は、心の栄養になるかもしれません。あなたのお気に入りの作品も、ゲームで新たな楽しみ方が見つかるかもしれませんよ!

    https://toyokeizai.net/articles/-/947656?utm_source=rss&utm_medium=http&utm_campaign=link_back

  4. 「hot 人気 ブロック」に関する最新情報です。

    「もう50代だから…」と諦めていませんか?元本500万円を20年で8倍に増やすシミュレーションが紹介されています。夢や目標を持つことは大切ですが、同時に現実的な計画も必要です。右手にはロマンを、左手にはソロバンを。

    このシミュレーションを通じて、将来に向けた資産形成に対するヒントが得られるかもしれません。具体的な数字を見てみると、自分のライフプランについて考えるきっかけになりますね。

    50代からの挑戦も、決して遅くはありません。さあ、あなたも一歩を踏み出してみませんか?

    https://toyokeizai.net/articles/-/943691?utm_source=rss&utm_medium=http&utm_campaign=link_back

  5. 「hot 人気 ブロック」に関する最新情報です。

    カレーやグラタン、大好きだけど、作るのがちょっと面倒…なんて思ったこと、ありませんか?そんなあなたに朗報です!ワタナベマキさんが提案する「楽においしく」するための定番料理のアップデートが話題になっています。

    手間を減らして、でも味はそのままに。料理を楽しむ時間が増えるのは嬉しいですよね。例えば、カレーのスパイス選びや、グラタンの具材の組み合わせを工夫するだけで、いつもと違った美味しさに出会えちゃうんです。忙しい日常の中で、ちょっとしたアイデアで料理が変わるのは、まさに一石二鳥!

    この記事を読んで、あなたも新しい料理の楽しみ方を見つけてみませんか?気軽に試せるヒントが盛りだくさんですよ!

    https://toyokeizai.net/articles/-/947300?utm_source=rss&utm_medium=http&utm_campaign=link_back

  6. 「hot 人気 ブロック」に関する最新情報です。

    ベントレーのCEOが「エンジン車を作っていきたい」と語った言葉が、超高級車市場の現実を映し出しています。ガソリンエンジンの復活を望む声には、環境への配慮や電動化の流れがある中での揺らぎが感じられますね。

    高級車といえば、デザインや性能はもちろんですが、その背後にあるストーリーや職人の技術も魅力の一部。エンジンの音や走りの感覚が恋しいと感じる方も多いのではないでしょうか。特に、ドライブが趣味の人にとっては、エンジン車の存在感は特別なものかもしれません。

    この記事を読むことで、車選びの視点が少し変わるかもしれませんね。未来の自動車がどのように進化するのか、そして私たちがどんな選択をするのか、興味が尽きません。あなたはどんな車に乗りたいですか?

    https://toyokeizai.net/articles/-/948163?utm_source=rss&utm_medium=http&utm_campaign=link_back

  7. 「混雑 navitime ai」に関する最新情報です。

    株式会社ナビタイムジャパンは、2025年12月24日より、個人向けアプリ『NAVITIME』と法人向け『鉄道時刻表クラウド by NAVITIME』に新機能を追加します。この機能はAIを活用し、大規模イベントによる駅の混雑予報の精度を向上させ、混雑理由を可視化するものです。ユーザーは混雑する時間帯やその理由を把握できるため、移動計画を立てやすくなります。具体的には、混雑予報グラフやイベント情報を提供し、混雑を避けるための判断材料を提供します。また、法人向けサービスでは、鉄道事業者が自社のWebサイトやアプリを通じて利用者に混雑予報を発信できるようになります。この新機能により、従来の検索データだけでは把握できなかった混雑の理由を特定できるようになります。

    https://prtimes.jp/main/html/rd/p/000000529.000026884.html

  8. 「障害 発生 サービス」に関する最新情報です。

    2025年11月18日、米SNS大手のX(旧ツイッター)で、正常に表示されない障害が日本、米国、欧州などで発生しました。この障害は、米セキュリティー企業クラウドフレアの不具合が原因とされており、同社は「問題が特定され、サービスの復旧に取り組んでいる」と発表しています。また、チャットGPTなど他のサービスにも影響が及んでいる模様です。

    https://www.yomiuri.co.jp/economy/20251118-OYT1T50216/

  9. buchikuma-info より:

    「cloudflare dena dena cloudflare」に関する最新情報です。

    DeNAは、テレワーク時のVPN接続問題を解消するために、Cloudflareのゼロトラストネットワークアクセス(ZTNA)サービスとアイデンティティーアクセス管理(IAM)製品「Cloudflare Access」を導入しました。これにより、ヘルプデスクの負担が大幅に軽減され、VPNの置き換えが進められています。Cloudflareは2025年3月12日にこの導入を発表しました。

    https://www.itmedia.co.jp/enterprise/articles/2503/14/news103.html

  10. buchikuma-info より:

    「松井証券 insights プロダクト」に関する最新情報です。

    松井証券は、人気ゲーム「フォートナイト」内で投資要素を取り入れたゲーム「MONEY TRADE FIGHT by 松井証券」を8月上旬に公開することを発表しました。このゲームでは、アイテムの売買や価格変動を通じて投資に興味を持つ若い世代を対象にしています。プレイヤーは収集したアイテムを使い、ポーションの売買を通じてゲーム内マネーを増やし、制限時間内にダンジョンを脱出することで獲得金額を競います。松井証券は、このゲームを通じて投資を身近に感じ、興味を持ってもらうことを目指しています。

    https://www.itmedia.co.jp/business/articles/2407/05/news127.html

  11. buchikuma-info より:

    「asean 中国 cdn」に関する最新情報です。

    6月18日に無料ウェビナーが開催され、中国やASEAN市場のネットワーク品質に地域差がある問題に焦点を当て、CDN活用の方法が紹介される。ウェビナーでは、通信環境格差に対応したい事業者やセキュリティサービスを検討する事業者を対象にしており、参加費は無料。登壇者は株式会社シーディーネットワークス・ジャパンの金古敏之氏など。申込方法は指定のURLから詳細ページに進み、必要事項を記入して送信する。

    https://prtimes.jp/main/html/rd/p/000000078.000016702.html

  12. buchikuma-info より:

    「マクロス insight shooting」に関する最新情報です。

    ブシロードは、新感覚スクロールシューティングゲーム『マクロス -Shooting Insight-』に『超時空要塞マクロス 愛・おぼえていますか』の追加DLCをニンテンドーeショップ・マイニンテンドーストアで事前予約開始した。追加コンテンツには新たなストーリーやキャラクター、機体、楽曲が収録されており、3月14日に本編と同時発売予定。事前予約すると配信日よりも早く遊べる。また、初回限定パッケージ版や通常パッケージ版にも同様のコンテンツが含まれているが、ダウンロード版との互換性には注意が必要。

    https://gamebiz.jp/news/382825

  13. buchikuma-info より:

    「cloudflare ai ai 利用」に関する最新情報です。

    Cloudflareは、コーディングやAI利用に関連するリスクに対応したセキュリティソリューション「Cloudflare One Data Protection Suite」を発表しました。このソリューションは、クラウド上でのデータ漏えいやソースコードの損失を軽減し、開発者の安全性を確保することを目的としています。また、組織内外のアプリケーションの拡大に対応し、データ管理を包括的に行うことができます。Cloudflare One Data Protection Suiteは、Cloudflare Oneプラットフォーム上で提供されるセキュリティサービスにエッジSSEを搭載しており、クラウド上のコンプライアンスを合理化することができます。

    https://news.google.com/rss/articles/CBMiOGh0dHBzOi8vY2xvdWQud2F0Y2guaW1wcmVzcy5jby5qcC9kb2NzL25ld3MvMTUzMDAyNi5odG1s0gEA?oc=5

タイトルとURLをコピーしました