手洗いうがいマスクでコロナ収束させて早く写真を撮りに行こう!!

ブログの表示速度を高速化してみた!

こんにちは、スピード狂のSeiRyuです(笑)
早くもブログを始めて一週間が経とうとしています。
有料テーマも導入し、それっぽくなってきました!
おかげさまで少しずつアクセス数も増えてきましたが、まだ芽も出ていないどころか種を植え始めたレベルです(笑)

もっともっとアクセス数を増やしたいと思う日々ですが、アクセス数を増やすにはサイトの表示速度が非常に影響しているようです。
そこで、今回はアクセス数を増やすための一環として、ブログの表示速度の高速化(軽量化)にチャレンジしてみました!

まずおさらい!

ブログの運営には「FC2ブログ」や「Ameba blog」「ライブドアブログ」など色々ありますが、Webサーバーをレンタルし、そこにデータを構築して使用するタイプもあります。

ブログサイト …無料が多いです。ただブログ人口の低下なのかサービス終了する会社がチラホラ存在しだしています。URLは完全に任意のものが取得できません。(○○fc2.comなどになります)また、アフィリエイト(広告収入)を禁止する会社もあります。
Webサーバー …完全に好きなURLを取得してイチから構築します。自分だけのスペースですから、アフィリエイトなど制限はありません。ただ、サーバーやURLのレンタル料などがかかりますので少々覚悟が必要です。ブログを書く際はWordPressなどが便利です!

WordPress

WordPressとは、ブログなどを簡単に投稿したりホームページの見た目をカスタマイズできるソフトのことで、Webサーバーをレンタルした際に当然のごとく、WordPressをインストールしますか?と聞いてきますのでインストールして使用します。インストールと言ってもサーバーの借りているスペースにインストールされますので、自身のパソコンにはインストールされません。つまりWebツールとなります。WordPress自体に費用はかかりません。

プラグイン

プラグインとは、”機能を追加できる”機能のことです。
WordPressにソフトを入れ込むというようなニュアンスです。
サイトを見やすくしたり便利にしたりカスタマイズするのに必ずお世話になる項目です。いや俺はプラグインにはお世話にならねぇんだ!!なんて人はなかなかいないかもしれません(笑)便利なものは使いましょう。

それでは本題!おすすめプラグイン

今回は先程ご説明したプラグインを使用して簡単にやっていきましょう!
プラグインをインストールするだけですので、僕みたいなチャランポランな人でも超簡単にできますのでぜひチャレンジしてください!

Autoptimize

ダウンロード

ホームページにはソースといって、HTMLやCSSといったプログラムのような暗号(以下 暗号)を並べ組み合わせてあり、それをWebブラウザで変換・表示させると普段僕らが見ているようなサイトになります。難しいことは割愛しますが、Autoptimizeはその暗号(HTMLやCSSなど)の並びや組み合わせを最適化し、ページ自体の読み込みを速くしよう!というものです。

WP Fastest Cache

ダウンロード

僕らが普段使っているWebブラウザにはキャッシュと呼ばれる、一度読み込んだページのデータを一時保存しておき、再度同じサイトを訪問した際にその一時保存していたデータを読み出し、表示を高速化する機能が備わっています。
それと同じくWeb上でも同じことを行い、サイトの見た目の形成を速める効果があります。

Scripts to Footer

ダウンロード

話せば長くなる…というわけではありませんが、こちらもサイトを高速表示するのに一役買っているプラグインです。凄くざっくり説明すると、余計なものは後回しにロードしましょうというものです。

WP-Optimize

ダウンロード

これはサイトを表示するということには効果薄かもしれませんが、WordPressでブログを書くと誤って操作した際に復旧できるように沢山色んなものが一時保存されているのですが、それをバッサリ削除してくれる便利ツールです。無駄なデータをいつまでも保存していていも意味はありませんので、定期的にこのツールでクリーンアップしてみましょう。

未使用のプラグインは消すべし!ただし…

先程からプラグインプラグインと何度も言っていますが、当然不要なものは邪魔になり、今回のお題の高速化することに反していますので削除しましょう。ただし、必要なものまで削除するとややこしくなってしまうので、使っているのか使っていないのか、また削除しても問題ないのか再確認の上でお願いします。

各プラグインの使い方や設定方法はいろいろな方々が書かれていますので参考にしてみてください。あと、英語表記が非常に多いので、意味を理解した上で実行することをオススメします。

で、効果の程は?

サイトの表示スピードが速いのか遅いのか良いのか悪いのかをスコアで評価してくれるサイトがありますのでプラグイン導入前と導入後で比較測定しました。
以下の2つが代表的なサイトになります。ペーシが開いたらURLを入力する欄がありますので

PageSpeed Insights   GTmetrix

左:プラグイン導入前 右:プラグイン導入後

左:プラグイン導入前 右:プラグイン導入後

確実に速くなっています!!
実際どれほどスピードアップしているかは正直あまり実感できませんが、冒頭にでも挙げたように、高速化(軽量化)はアクセス数アップに非常に有効になってきます。もちろん薄い内容の情報しかないブログでは元も子もありませんが、見たいのに数秒待たされるような重いサイトは殆ど諦めてしまいますよね。

嬉しい誤算ですが、一番影響が大きかったのはモバイル版のサイトの評価です。スコアが激的に変化しました!

左:プラグイン導入前 右:プラグイン導入後

ブロガー初心者のみなさん、地道な努力の積み重ねですが一緒に頑張っていきましょう!
今回のプラグイン導入は初心者の方でも簡単にできますので、是非みなさんもチャレンジしてみてください!

またね!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です