Cloudflare を入れたらサイトが表示されなくなりました

よくあるトラブルです。原因はだいたい、SSL 設定の不整合(「フル」モードにしていない)か、DNS の伝播待ち。Cloudflare のダッシュボードから「Pause Cloudflare on Site」で一時停止できるので、まずそれを試して切り分けましょう。

画像だけ CDN に逃がす、ということはできますか?

できます。WordPress なら Jetpack の画像 CDN(Photon)や、Cloudflare の画像最適化機能で実現できます。本体サーバーの負荷を下げたいときに有効。

海外向けサイトでも国内のレンタルサーバーで大丈夫?

海外向けが主軸なら、CDN は強くおすすめします。ただし国内向けも兼ねる場合、CDN を挟むことで国内表示が一瞬遅くなるケースもあるので、A/B 比較しながら設定するのが賢明です。

CDN って個人サイトに必要?編集部は「ほぼ要らない」派です

ウェブ業界で働いていると「サイト遅いから CDN 入れたら?」と気軽にアドバイスされることがあります。実際入れてみると、効果が出るサイトと出ないサイトがある。なぜなのか。

CDN(Content Delivery Network)を、初心者の方にも分かるレベルで解説しつつ、編集部が「ほとんどの個人サイトには要らない」と思っている理由を書いておきます。

CDN は「お惣菜屋さんの支店」

サイトのデータがレンタルサーバーに置いてあるとして、ふつう訪問者は毎回そのサーバーまで取りに行きます。サーバーが東京にあるなら、ニューヨークからアクセスしても東京まで取りに来る。地理的に遠い分、表示が遅くなりがちです。

CDN は世界各地に「コピーを置く拠点(エッジサーバー)」を持っていて、訪問者から一番近い拠点が代わりに返事をしてくれる仕組み。お惣菜屋さんの本店だけだと買いに行くのが大変だから、各地に支店を出して、お客さんの近くで売る。そういうイメージです。

代表的なサービスは Cloudflare、Amazon CloudFront、Akamai、Fastly などです。

何が嬉しいの

CDN を入れると、以下のメリットがあります:

海外からのアクセスが速くなる → 各国の拠点が代わりに返事をする
本体サーバーへの負荷が減る → 画像などの静的ファイルを CDN が肩代わり
アクセス急増(バズ)に強くなる → 拠点で受け止められる
DDoS 攻撃の防御 → 大規模なアクセス攻撃を CDN が吸収

特に最後の DDoS 対策は、Cloudflare が無料で提供している点もあって、企業サイトで使われる大きな理由になっています。

「ほぼ要らない」と言っている理由

ここからが本題。編集部が個人サイトに CDN を勧めない理由はいくつかあります。

1つめ:国内のレンタルサーバーは元々速い

最近の国内レンタルサーバー(ConoHa WING、Xserver、mixhost など)は、十分速いです。データセンターも東京・大阪に置いてあり、日本国内からのアクセスなら CDN 経由のほうがむしろ遅くなることもあります。

2つめ:訪問者の9割は日本人

個人ブログや国内向けサービスの場合、訪問者の地域はほぼ日本国内です。「ニューヨークから速くアクセスしたい」というニーズが現実的に存在しません。

3つめ:設定が面倒

CDN を入れると、独自ドメインの DNS を CDN 側に向けたり、キャッシュの設定をしたり、SSL の二重設定を考えたり、地味に学習コストがかかります。トラブル時の原因切り分けも難しくなる。

4つめ:WordPress のキャッシュプラグインで足りる

ページ表示の高速化が目的なら、CDN を入れる前に WP Super Cache や W3 Total Cache、LiteSpeed Cache などのキャッシュプラグインを使えばだいぶ改善します。多くの場合、これで体感速度の問題は解決します。

例外:Cloudflare は使う価値がある

ここまで「不要」と書いておきながら逆のことを言いますが、Cloudflare の無料プランだけは話が違います。

無料でも DDoS 攻撃の防御が付いてくる
設定が比較的シンプル(他社よりは)
不正アクセスの遮断ルールが優秀
DNS 管理が一元化できる

なので「速度を求めて」ではなく「セキュリティとお手軽な保険として」Cloudflare を入れる、というのはアリです。実際、編集部の運営サイトでも入れているところがあります。

入れるとしてもまず無料から

CDN を試すなら、最初は Cloudflare の Free プラン で十分です。Pro プラン(月20ドル)以上は、月数万PV以上で本当に必要になってから検討。

具体的な導入手順は別記事で扱いますが、ざっくりした流れは:

Cloudflare にアカウント作成
ドメインを追加し、ネームサーバーを Cloudflare のものに変更
SSL の動作モードを「フル」に設定
キャッシュレベルやセキュリティレベルを調整

ここまでで2〜3時間。半日仕事です。

表示速度を本気で上げたいなら

「とにかく表示を速くしたい」という方には、CDN より先にやるべきことが結構あります:

画像の WebP 化と圧縮
不要なプラグインの削除
データベースの最適化
軽量テーマへの乗り換え
LiteSpeed Cache(LiteSpeed 系サーバーなら自動連携)

これらをやった上で、まだ速度が足りないなら CDN を検討する、という順番が王道。逆に言うと、これらをスキップして CDN だけ入れても、たいして変わらないことが多いです。

結論っぽいもの

個人ブログレベル → CDN は基本不要。Cloudflare 無料はセキュリティ目的で考慮可。

中規模メディア → Cloudflare 無料は入れて損なし。Pro 以上は要費用対効果検証。

ECサイト・法人サイト → 海外アクセスがあるなら検討の価値あり。国内のみなら優先度低め。

身も蓋もない結論ですが、こんなところです。