モッピー!お金がたまるポイントサイト

驚くほど効果があった無料CDNサーバー「CloudFlare」の導入

2018/09/22

CloudFlare_Setting_tittle
先日投稿させて頂いた、

wordpress初心者でも出来る、劇的に読み込みが速くなる3つの方法
の中でも紹介している、
驚くほど効果があった無料CDNサーバー「CloudFlare」の導入
について詳しく紹介させて頂きます。

[adsense]

CDNとは?

CDNとは「Contents Delivery Network」の略で、ウェブコンテンツを配信するために最適化されたネットワークのことを意味する。ウェブサイトにある画像や動画などの高容量コンテ ンツをウェブサービスが提供されているサーバーとは別のサーバーにキャッシュし、代わりに配信して負荷分 散するという仕組み。ここでいう「別のサーバー」というのがCDNサーバーであり、今回紹介する「CloudFlare」である。

参考サイト gori.meさんの表示速度を劇的に向上する、無料のCDNサーバー「CloudFlare」は導入必須だ!!

それでは実際に登録してみましょう!

CloudFlareの無料プランを新規登録する。

ここからまずCloudFlareのサイトに飛んで頂き、

CloudFlare_Setting_01

真ん中下の緑色のボタン「今すぐ登録!」をクリック!

CloudFlare_Setting_02

ご自身のメールアドレス、ユーザー名、パスワード、そして利用規約に同意した後にその下の緑色ボタンの「今すぐアカウントを作成」をクリック!

[adsense]

対応させたいドメイン名を入力。

CloudFlare_Setting_03

追加後、右下の緑色ボタンの「+Webサイトを追加します。」をクリック!

CloudFlare_Scaning

すると「あなたのレコードをスキャンします。」と表示され1分程おとなしく待ちます。

CloudFlare_Setting_08

終わり次第緑色のボタン「Continue setup >」を押して次の項目へ!

CloudFlare_Setting_04

右側の赤で囲んだ部分にネームサーバーが表示されます。後ほど同じネームサーバーが表示されますのでここで覚えとく必要はありません。そしてCloudFlareのDNSレコードの スキャンが終わると、DNSレコードの構成が表示されます。特に問題がなければ、右下の緑色ボタンの「私はすべての不明のレコードを追加した、継続」から 先に進みます。基本的にこのまま進んで問題ないはずです。

[adsense]

利用プランを選択する。

CloudFlare_Setting_07

DNSレコードの確認が終わった後は、利用プランを選択る画面に切り替わります。有料のプランもここで選べます。必要に応じて選択した後は、赤枠の「継続」ボタンから先に進みます。

お使いのネームサーバーへ登録。

CloudFlare_Setting_09

ここの右側に表示されているネームサーバー名をご自身がお持ちのネームサーバーに登録してください!

自分が使っているのはさくらサーバーなのでここからログインして、

CloudFlare_Setting_05

ネームサーバー名は伏せ字にしちゃってますが、ここにさっきの赤で囲まれた部分のネームサーバー名を登録します!

CloudFlare_Setting_10

これでCloudFlareの設定は終わりです!お疲れさまでした。

最後に!!!

wordpress用プラグイン「W3 Total Cache」のCloudFlare設定。

CloudFlare_Setting_06

この「W3 Total Cache」関しては「ゆめぴょんの知恵」さんの【WordPress】ついに1秒台達成!ブログ高速化の最終プラグインW3TotalCache

を参考にさせて頂きました。

読み込みスピードなどを計測してくれるGTmetrixなどでBefore,Afterを計測すると良くわかるのですが、これだけでブログの読み込みがかなり改善されていると思います。先日投稿させて頂いた記事でも書いていますが、実際どのぐらい変わったかはこちらの投稿を読んでみてください!

この記事を書いた人

ディーエムガジェット 

非IT系エンジニア。日々の出来事や自分の好きな物などの紹介をメインに色々発信していきます。2012 年から禁煙を開始して68キロぐらいだった体重が2012年6月には75キロまで増加。ヤバい!と感じてダイエットを開始。一回65キロまで落としましたが、2018年8月現在また72キロまで増加。こんな身体でもトライアスロンに出場予定「プロフィールはこちら

このエントリーをはてなブックマークに追加

WORDPRESS

Posted by dmgadget