【超絶簡単!】サイトスピードを改善するプラグインを紹介

サイトスピードとは、ページの読みがスタートしてから、ブラウザで完全に読み込まれるまでの速度のことです。

結論、サイトスピードは、ブログ運営において非常に大切な要素だと断言します。

（理由は後ほど）

たとえば、こんな経験はありませんか？

このように、サイトスピードの低下は、ユーザビリティの低下につながり、ひいてはサイトの評価までも低下してしまうのです。

というわけで本日は、

というテーマでブログを執筆していこうと思います。

▼おすすめテーマ▼

サイトスピードが低下するデメリット

では、サイトスピードが低下すると、実際にサイトはどのようなデメリットを受けることになるのでしょうか？

デメリット1.検索順位の低下

サイトスピードは、SEOと大いに関係しています。

というのも、Googleはサイトスピードが遅く、ユーザビリティが低い記事を読者にみて欲しくないからです。

たとえば、読者がGoogleで『サイトスピード　改善』と調べたとする。

しかし、出力されてきた記事のサイトスピード が全て遅かったら、

読者から「もうGoogleで検索しない！Bing（Microsoftの検索エンジン）で検索する！」となってしまいます。

つまり、サイトスピードによってユーザビリティが低下し、それがGoogleの評価を低下させてしまうということです。

デメリット2.直帰率の低下

サイトスピードが遅いと、直帰率の低下につながります。

というのも、読み込まれるまでの時間がかかると、読者に大きなストレスを与えてしまうからです。

（ユーザビリティの低下）

デメリット3.回遊率の低下

サイトスピードが遅いと、回遊率の低下にもつながります。

というのも、ページを閲覧するストレスが高いと、読者も別のページへ回遊しようと思わないからです。

（ユーザビリティの低下）

もちろん、直帰率もそうですが、回遊率の低下は離脱率にも影響します。

サイトスピードが低下する原因

しかし、サイトスピードはなぜ低下してしまうのでしょうか？

その原因を簡単に解説していきますね。

原因1.コンテンツが重いから

コンテンツとは、文字、画像、動画、スライドショー、アニメーションなどのことです。

ページ内にこれらのコンテンツが多用されていると、読み込みが遅くなってしまいます。

なので、画像を圧縮したり、アニメーションの動きを減らしたり、無駄なコンテンツを使わない、などの工夫が必要になります。

原因2.JavaScriptを使っているから

JavaScriptとは、プログラミング言語のひとつで、動的コンテンツを作る際に必要な言語です。

たとえば、スライドショーなどがそうですね。（コンテンツが右から左へと動きます）

原因3.CSSファイルが重いから

CSSとは、プログラミング言語のひとつで、コンテンツのスタイル指定する時に必要な言語です。

たとえば、テキストの色、大きさ、配置、デザインなどがそうですね。

なので、あまりにもテキストを装飾し過ぎたりすると、その分ファイルが重たくなり、読み込みが遅くなってしまいます。

サイトスピードを調べる方法

では、そもそもどうやってサイトスピードを調べることができるのでしょうか？

その方法は、大きく分けると２つです。

方法1.Page Speed Insightsを使う

Page Speed Insightsとは、サイトスピードを調べることができるツールです。

Page Speed Insights使い方

使い方はものすごく簡単で、「ウェブページのURLを入力」という検索窓に、サイトのURLを入力するだけです。

すると、下記のように、パソコン、モバイル（スマホ）の両方のサイトスピードを調べることができます。

>>Page Speed Insightsはこちら

方法2.Googleアナリティクスを使う

Googleアナリティクスとは、Googleが無料で提供しているアクセス解析ツールのことです。

Googleアナリティクスの使い方

「行動>>サイトの速度>>概要」という順番でサイトスピードの詳細を調べることが可能です。

画面を下にスクロールすると、ブラウザごとのサイトスピードも調べることができます。

しかし、これを調べたからといって特に改善策があるわけではありません。。。

>>Googleアナリティクスはこちら

もしも、Googleアナリティクスの使い方について理解を深めたいという方は、

『Googleアナリティクスの使い方・見方を解説』という記事を参考にしてください。

Googleアナリティクスの使い方・見方を解説

サイトスピードを改善する3つのプラグイン

さて、ここからはサイトスピードを改善する3つのプラグインを紹介していこうと思います。

さらには、それぞれの設定方法についても解説していきますね。

プラグインのインストール方法は、「プラグイン→新規追加→プラグイン名を入力」で出力されてきます。

プラグイン1.WP Fastest Cache

WP Fastest Cacheは、WordPressに溜まったキャッシュを削除してくれるプラグインです。

キャッシュの概念は多少複雑です。

なので、ここで覚えておいて欲しいのが「キャッシュを削除するとサイトスピードが上がる」ということだけです。

設定

まずは一番下の画面の「言語」のところを「日本語」にして「変更を保存」してから、設定を始めることをおすすめします

2.先読み

「先読み」をクリックすると、上記のような設定画面が出現します。

ここでは、読者が頻繁に使う項目にチェックを入れましょう。

基本的には、上記画面と同じ設定で全く問題ありません。

5.新規投稿

ここでは、「Clear All Cache」を選択してください。

プラグイン2.Autoptimize

Autoptimizeは、CSS、JS、画像、Google フォントなどを軽量化・最適化してくれるプラグインです。

では、ここからはAutoptimizeの設定画面でチェックをいれるべき項目を簡単に解説しますね。

JC、CSS、HTML

1.JavaScriptオプション

2.CSSオプション

3.HTMLオプション

4.その他オプション

追加

ここでは、「webfont.js で非同期にフォントを結合して読み込む。 (廃止予定)」だけにチェックを入れtおけばOKです。

プラグイン3.EWWW Image Optimizer

EWWW Image Optimizerは、WordPress 内の画像のファイルサイズを縮小してくれるプラグインです。

もっと具体的に説明すると、

サイト内に存在するページの画像のファイルサイズをまとめて縮小してくれたり、

新規記事を作成する際、画像をライブラリにアップする時に、自動でサイズを縮小してくれたりもします。

EWWW Image Optimizerの設定

ではここからは、EWWW Image Optimizerの設定画面でチェックを入れるべき項目を簡単に解説しますね。

1.基本

2.変換

まとめてメディアを最適化する方法

EWWW Image Optimizerでは、今までアップロードしてきた画像を一括で最適化する機能があります。

方法は、「メディア→一括最適化」で行えます。

そして、「最適化されていない画像をスキャンする」をクリックします。

スキャンがスタートして、下記の画面のようになったら終了となります。

3つのプラグインによる成果

結論、

1. WP Fastest
2. CacheAutoptimize
3. EWWW Image Optimizer

によってサイトスピード を改善することができました！

↓2週間ほどで

きっと、これを見ると「スコア低くない？」と感じる人もいるでしょう。

しかし、数々のインフルエンサーのサイトスピードを調べてみたところ、モバイルのサイトスピード のスコアは良くて30~40でした。

なので、この結果は、御の字と言えるでしょう。

▼ブログ・アフィリエイトで成果を上げる▼

まとめ：サイトスピードを改善する方法

では最後にまとめましょう。

本日は、

というテーマでブログを執筆しました。

サイトスピードは、SEO対策において非常に大切な要素です。

なので、サイトスピードが気になっている方も、そうでない方も、ぜひ本日紹介した２つのプラグインはインストールしておくようにしましょう！