WEBページのコードを最適化するWordPressプラグイン比較

WordPressでWEBページをスピード改善する方法の一つとして、HTMLやJavaScript、CSSのコードを最適化する方法があります。

なぜHTMLやJavaScript、CSSといったWEBページのコードを最適化してスピードを改善する必要があるのかというと、何も対策をしないままだとWEBページの表示スピードが遅いからです。

WEBページの表示スピードが遅いと、Google等の検索サイトでも評価があがらないので、結果として閲覧者数が伸びない可能性が高くなります。

よってWordPressでは、WEBページのコードの最適化を行うことは必須の対策となります。

ただしWordPressでは、WEBページのコードを直接編集することはお勧めしません。

なぜかというと、WordPress本体やテーマはバージョンアップされるからです。

WordPress本体やテーマがバージョンアップされると、WEBページのコードを直接編集していたファイルも上書きされてしまうからです。

ですので、導入するだけでWEBページのコードを最適化してくれる便利なプラグインを利用して対策することをお勧めします。

今回は、そんなHTMLやJavaScript、CSSのコードを最適化してくれるプラグインを導入するにあたって、機能毎にプラグインを比較して最適なプラグインを見つけたいと思います。

以下のような方に是非読んで頂けると参考になると思います。

この記事はこんな方におすすめ

WEBページのコードを最適化するプラグインにはどんなプラグインがあるかを知りたい方
WEBページのコードを最適化するプラグインが色々あるが、どれを導入すればよいかわからない方
WEBページのコードを最適化するプラグインにはどんな機能があるのか知りたい方

そもそもWordPressのプラグインにはどのような機能があるのか知りたい方は以下を参照してください。

ものぐさSEのLifeHackするブログ

WordPressのプラグインを導入する際に重視すべき主な８機能

https://lazy-se.net/wordpress-plugin

WordPressのプラグインが数多くありすぎて、何を導入すればいいかわからなくないですか？私もWordPressのプラグイン導入にあたっては何をどの様に導入すればよいかがわかり辛いと感じています。プラグインを導入して評価して削除するというような試行錯誤を繰り返しています。ですので、そんなの方のために最適なWordPressのプラグインを選定する方法について、ものぐさSEなりに考察してご紹介していきたいと思います。以下のような方に最後まで読んでもらえると役立つ情報かと思います。 WordPressの...

それでは早速比較検討していきたいと思います。

■目次（読みたいタイトルをタップ、クリックすることで移動できます）

はじめに

まずは、WEBページのコードを最適化するプラグインにどの様な機能があるのかを洗い出したいと思います。

また、今回も同じように前提条件として、以下の評価基準をもとに比較して評価していきたいと思います。

プラグインの比較選定基準

プラグインの選定については、基本的に以下の観点で比較し選定していきたいと思います。

WordPress.orgの公式ホームページ上に登録されているか

公式ホームページ上に登録されていることで、一応は審査されているプラグインとなるのである程度信頼できるプラグインかどうか判断できます。

評価の星の数が多いか

公式ホームページ上で利用しているユーザーの評価者の数と評価の星の数が表示されています。

なるべく多くの評価者が高い星の数を付けているプラグインを選びます。

アクティブダウンロード数が多いか

公式ホームページ上で利用しているユーザのダウンロード数がわかります。

ダウンロード数が多いプラグインの方がユーザーに支持を得ていると推察できますので、なるべくダウンロード数が多いプラグインを選びます。

日本語対応しているか

やっぱり設定ページの文言等は日本語で表記されている方が分かり易いです。

なるべく日本語対応されているプラグインを選びます。

設定の容易さ

こちらは機能とは言い難いかもしれませんが、立派なプラグインを選定する際の評価項目となります。

日本語化されてない設定項目が多く存在したり、プラグインを有効化するのに手間がかかったりする場合はあまりおすすめできません。

こういった設定の容易さにも注目して頂ければと思います。

プラグイン比較

それでは実際にプラグインを試用して評価してきます。

機能の説明

WordPressのHTMLやJavaScript、CSSのコードを最適化するプラグインに必要な機能としては以下が考えられます。

HTML圧縮

HTMLを圧縮してデータ通信量を抑えたり読み込みを速くしたりしてくれる機能です。

HTTP/2プッシュ

HTTP/2という通信プロトコルの規格があります。

現在はHTTP/1.1という通信規格が利用されていますが、それよりも高速に通信できる規格となります。

HTTP/2ではサーバプッシュという機能があり、これによってコンテンツの優先制御が可能となります。

ただ、まだサーバやクライアントが完全にサポートしていないこともあり、現時点ではまだ必須の機能ではありません。

JavaScript非同期・遅延ロード

JavaScriptを読み込む際に非同期で読み込んだり、遅れて読み込んだりしてくれる機能です。

何がいいかというと、JavaScriptを読み込むのに結構な時間がかかるのですが、HTMLを読み込むタイミングに合わせないでJavaScriptを読み込むことによって表示スピードが改善したりします。

JavaScript連結・圧縮

JavaScriptの複数のコードを連結してくれたり、圧縮してくれたりする機能となります。

こちらもWEBページの表示スピードの改善につながるため、是非導入したい機能です。

JavaScriptインライン化

外部ファイルとして読み込んでいるJavaScriptのコードをHTML文書の一部として埋め込む機能です。

JavaScriptフッター移動

通常はヘッダーで読み込まれるJavaScriptのコードをフッターで読み込まれるようにする機能です。

CSSインライン化

通常は外部ファイルとして読み込まれるCSSのコードをHTML文書の一部として埋め込む機能です。

CSS連結・圧縮

CSSのコードを連結して圧縮してくれる機能です。

WEBページの表示スピードの改善につながるため、是非導入したい機能です。

CSS非同期ロード

CSSのコードを非同期で読み込む機能です。

CSSフッター移動

通常はヘッダーで読み込まれるCSSのコードをフッターで読み込まれるようにする機能です。

クリティカルCSS生成

CSSのコードを読み込ませたい優先度順に生成できる機能です。

スクリプトキャッシュ

JavaScriptやCSSのコードをキャッシングして読み込み速度を改善してくれる機能です。

絵文字削除

WordPress本体で読み込まれる絵文字用のCSSを削除してくれる機能です。

googleフォント非同期

googleのWEBフォントをCSSで呼び出す場合に、非同期で読み込んでくれる機能です。

以上がHTMLやJavaScript、CSSのコードを最適化するプラグインで利用できる詳細な機能となります。

機能をもとにしたプラグイン比較一覧

各機能をもとに洗い出したプラグインを一覧表にして整理しました。

プラグイン比較表

プラグイン名	Auto ptimize	Async Java Script	W3 Total Cache	WP Fastest Cache	Lite Speed Cache
HTML 圧縮	〇	×	〇	〇	〇
HTTP/2 プッシュ	×	×	〇	×	〇
JavaScript 非同期・遅延ロード	×	〇	×	×	〇
JavaScript 連結・圧縮	〇	×	×	〇	〇
JavaScript インライン化	×	×	〇	×	×
JavaScript フッター移動	×	×	×	× 有料版で対応	×
CSS インライン化	〇	×	〇	×	×
CSS 連結・圧縮	〇	×	×	〇	〇
CSS 非同期ロード	〇	×	×	×	〇
CSS フッター移動	〇	×	×	×	×
クリティカル CSS生成	〇	×	×	×	〇
スクリプトキャッシュ	〇	×	〇	×	×
絵文字削除	〇	×	〇	〇	〇
google フォント非同期	〇	×	〇	〇	〇
設定の容易さ	〇	〇	△	〇	〇
公式HP 登録	〇	〇	〇	〇	〇
評価数	633	40	3874	2183	269
評価の星の数	4.5	4.5	4.5	5	5
アクティブダウンロード数	600,000+	40,000+	1,000,000+	700,000+	300,000+
最新バージョンとの互換性	〇	〇	〇	〇	〇
日本語対応	〇	×	×	〇	〇
総評	〇		△	×	△ Litespeed サーバ向け