やった!!たった10分で。やった!!たった10分で。なんで幸せかって?そりゃあ、自分のブログがちょっとでも高速化できたら幸せに感じるものです。みなさんは超高速なサーバーとか契約して、快適な感じに見えてそれはもううらやましい限りなんですが、わけありまして、今のサーバーを離れるつもりは今のところないんです。そんな制限のあるサーバーの中で、できるだけのことはやりたいと思うじゃないですか。ことで、みなさんもご存知のようにこのサイトの読み込み、めっちゃ遅いですよね。10秒くらいかかるんじゃないかってレベルで遅い。それもこれも私のhtmlが汚いとかデカイ画像なんとかしろよとか色々とあると思うんですが、それはそれで棚に上げといてでもどうにかならんもんかなと思っていたら、あったんですよ、素晴らしい方法が。ま、有名な方法でもありますのでみなさんやってるのかもしれませんが。当ブログのサーバーは何かあるとすぐ落ちてしまうってのは公然の秘密にもならないくらい有名ですし、いつぞやの「Facebookアプリがクソ重い」エントリーをしたときなんかは数十、いや、数百のはてブコメやらTwitterで「おまえのブログがクソ重いWWWWW」とけなしともはげましともとれる暖かいお言葉をちょうだいし、くそ、このやろ、俺のバカヤロウ!と泣きながらちゃぶ台返し100連発していたのは懐かしい思い出です。みなさんありがとうございます。それくらいブログの高速化、安定化というのは私にとっては夢のような話でもあるわけです。こんな重いサイトでもちゃんと効果が目に見えて出ますし、私のような知識のない方でも簡単に高速化できちゃうってことでシェアしてみたいと思います。この日曜の午後の時間にぜひ挑戦して見てもらいたいと思い、エントリーしてみました。ビフォーアフターを見ていただきます。方法をご紹介する前にまずはどんな変化があったのか、ビフォーアフターを見ていただくことにしましょう。6秒越えてる(笑)こちらは「GTmetrix」というサイト高速化に役立つサイトで計測した対策前のページ読み込み時間なんですが、6秒以上かかっています。さんの記事を読んでみると理想のページの表示時間は最低でも2秒以内、目指すべきは1秒以内と言われているみたいなんです。そんなもん、私のところ見てる方々ってどれだけ気が長い心の広いひとたちなんだ!感謝しまくりボンバー!!!じゃないすか。これがね、こんな風になっちゃうんですよ。time」を見ていただけるとわかりますように、読み込みスピードが3倍ほど向上していることがわかりますね。これは劇的な変化です。ブログ弄ってて一番感動しました。言え、これは計測値なんで、実際の表示スピードは3倍以上とか体感できるかどうかは保証できないわけですし、計るごとに遅くなってるような気がしてこれあと1000回くらい計測したら1000秒とかなるんじゃないかとガクブルしたりもしています。冗談はさておき、今日紹介したい高速化の方法はやってる人はやってる、ブログを「キャッシュ」化する方法です。きっかけはこちらのエントリーまあ、いつものようにRSSの巡回をしておりますと、以下のエントリーに巡り合えました。gori.meこれらのエントリーを読めば解決です。あとの私の文章を読む必要はまったくありません。それでも気になる方は次をご覧頂ければと。死ぬほど重い「@CDiP」の高速化へのステップバイステップ導入は思ったよりも簡単です。以下の4つのステップで完了することができます。1.WordPressに3つのプラグインをインストールする。2.CDNサービスの「CLOUDFLARE」に登録する。3.ネームサーバーの書き換えを行う。4.各プラグインの設定をする。ひとつひとつのステップを見ていくことにしましょう。1.WordPressに3つのプラグインをインストールする。ブログのキャッシュ化には以下の3つのプラグインを導入します。FixいずれもWordPressの管理画面からプラグインサーチで見つかるほど有名なプラグインなのであえてリンクは貼りません。それぞれ、ブログ全体のキャッシュ化、翻訳ファイルのキャッシュ化、データベースのキャッシュ化に役立つプラグインなんだそうですが、詳しいことはよくわかりません。インストールだけして細かい設定は弄らず次に行きましょう。他のキャッシュ化プラグインも多数あるようですが、それ以外は逆に消したほうが最大限効果を発揮するとのことでした。2.CDNサービスの「CLOUDFLARE」に登録する。CLOUDFLARECDNサービスとは画像とか動画などの比較的高容量なコンテンツを外部サーバーにキャッシュして自ブログの負荷を分散させるサービスです。組み合わせで大きな効果が発揮されるようです。登録は簡単で、CLOUDFLAREに接続してユーザー登録を行うだけ。細かい手順はこちらのエントリーが参考になるかと思います。画像付きでわかりやすいです。IDEA*IDEAサイトのURLとかメールアドレスを登録した後、料金プランの選択があるんですが、そこを迷わず「Free」と登録すれば無料でサービスを利用できます。手順に沿って設定していくと、必要な情報をCLOUDFLARE側が勝手に取得してきます。最終的にはCLOUDFLARE側から新しいDNSが付与されるので、有効にするためには自サーバーのネームサーバーの書き換えが必要になります。CLOUDFLAREからの指示通り、ここで一旦設定を止めて、ネームサーバーの書き換えをしましょう。3.ネームサーバーの書き換えを行う。実は私自身はサーバーを直接弄れる立場ではないので、管理者の方にお願いをしてネームサーバーを書き換えていただきました。書き換えが完了したら再度CLOUDFLAREの設定画面に戻り、次のステップに進みますと、CLOUDFLAREの設定は完了します。4.各プラグインの設定をする。これで準備が整いました。Cache」の設定のみ変更することで対応しました。Performanceというメニューが左サイドバーに表示されていますので、そちらをクリックし、そこから各設定を行っていきます。Settingsここではどのキャッシュを有効にするかを設定します。CloudFlareこの3つだけを有効(Enable)にしました。Cache」は特に何も触っていません。Cache」は有効にしただけで特に何も触りませんでした。3つ目のCloudFlare項目に関してはemailアカウントとAPIkeyが必要なので、CLOUDFLAREの「Account」タブからAPIkeyが確認できますのでそれを入力すればOKです。domainについては「www.donpy.net」ではなく「donpy.net」と入力すると私の場合はうまくいきました。だいたいこんな感じです。PCページが見えてしまいます。Cache」をクリックするとさらに詳細な設定ができます。9780weboss8000badagooglebot-mobileadsbot-googleをコピペすることで、モバイルからのアクセスも従来通り実現できます。レスポンシブデザインの場合は必要ないのかもしれませんね。これですべての設定が完了しました。ここまでで10分程度でできると思います。あとはDNSの書き換えを行っていますので1時間程度待てば徐々に効果が出てくると思います。あとがき実はこのキャッシュ導入直後、一部のブラウザで文字化けする問題が生じておりました。それに伴い、キャッシュを無効にしたり、CLOUFLAREを切ってしまったりしててんやわんやな状態になっておりました。記述に問題があったようです。後から追加したものを置いてしまっていたのが原因だったようです。なんだかんだ実際は10分で全部終わるわけではありませんが、正味の作業はそれくらいかなということで。今回の高速化の作業の中で一番勉強になったのは、「GTmetrix」の評価です。改善は大幅に見られたものの、私のブログで改善すべき点が明確に洗い出されました。気付いていましたけど。ページ読み込みに際して異常に時間がかかっている要素も色々と洗い出してくれますので、ソース内のゴミの除去にも役立つと思いますのでぜひみなさんも試してみてください。使えないのにヘッダーとか他のphpにゴミとして残っているとかあると思いますよ。いう先人がいないと私は何もできません。本当にありがとうございました。さんの多大なる協力で解決することができました。ありがとうございました。先行予約開始されたので速攻予約した。Prev関連記事ブログが5日に渡り真っ白だった。(解決済み)こんばんは。iPhone/Macの最新情報をお届けします。...Facebookのファンページにて日記公開しています。ファンページに「いいね!」を下さい!こんにちは。はい!私がつまずいた「6つのチェックポイント」まずは試してみて!【PS4】決定的瞬間を録り逃さない。「これまでの15分」と「これからの15分」の録画の使い分け。はい、「設定」に隠れてますよ。セットアップの流れはこんな感じでした。チェックしてきました。余裕ですし、誤解です。Watch(スポーツバンド)は奥義「腹巻き」流で装着しております。Reserved.ページトップ。