今よりちょっと良いサーバーがほしい方へ

LiteSpeed CacheでWordPressを高速化する手順

LiteSpeed CacheでWordPressを高速化

この記事では、webサイトのページ表示速度を高速化できる、WordPressの『LiteSpeed Cache』プラグインのインストール手順と設定手順についてお話します。

まず、はじめに『LiteSpeed Cache』プラグインを使える条件ですが、

Mixhost
Jetboy
Futoka(フトカ)
カラフルボックス(ColorfulBox)
ConoHa WING

上記いずれかのレンタルサーバーを利用している人なら、誰でも無料で『LiteSpeed Cache』プラグインを使うことができます。

ですので、これらのレンタルサーバーで既にサイトを運営している人や、これからこれらのレンタルサーバーに契約してサイト運営を検討している人は読んでみてください。

PageSpeed Insights計測
※SSL対応(https)でphpは7.2を使用。wordPressのテーマは「Twenty Seventeen」を使用し、画像5枚で約5000文字のページを計測。

クロネコくんのアイコン画像クロネコくん

おっ。スマホ・タブレットの表示速度のスコアが30%アップしているな。

サバくんのアイコン画像サバくん

そうなんだよ。PCのスコアはあまり変化しないけど、『LiteSpeed Cache』プラグインを導入すると、スマホ・モバイルでのページ表示速度は大幅に上がるんだよ。

クロネコくんのアイコン画像クロネコくん

たしかに、Googleではモバイルファーストのwebサイトが優遇しているから、このページ表示速度アップは嬉しいな。

サバくんのアイコン画像サバくん

『LiteSpeed Cache』プラグインのインストールや設定は画面の操作だけで簡単にできるから、是非使ってみて欲しいよ。

サバくんのアイコン画像サバくん

また、自分のサイトのページ表示速度が上がれば、ユーザー・SEO面の評価が向上するよ。そして、評価向上するとアフィリエイトやGoogleアドセンスの収入アップにもつながるよ。

目次

LiteSpeed Cacheとは

LiteSpeed Cacheとは「LiteSpeed」Webサーバーで利用できるキャッシュ機能です。

LiteSpeed Cacheのキャッシュを有効にすると、キャッシュの導入前と比較して数倍の高速化が実現できます。

また、サーバーの負荷が低くなるため、アクセス集中時でもスムーズにwebサイトのページ表示が可能です。

LiteSpeed Cacheは「LiteSpeed」が導入されているサーバーなら、WordPressに『LiteSpeed Cache』プラグインを導入するだけで簡単に利用できます。

サバくんのアイコン画像サバくん

もちろん『LiteSpeed Cache』プラグインは無料で利用できるよ。

LiteSpeedとは

LiteSpeed Cacheを利用するには、サーバーに「LiteSpeed」が導入されている必要があります。

そして「LiteSpeed」は、ApacheやNginxなどの上位互換に当たるWEBサーバーソフトウェアです。

サバくんのアイコン画像サバくん

さくらレンタルサーバーでは「Apache」、エックスサーバーでは「Nginx」をそれぞれ導入しているんだ。だから、この2社が採用しているWEBサーバーソフトウェアより、上位互換になるね。

■各WEBサーバーソフトウェアでWordPressのレスポンスを計測した結果
LiteSpeedでWorePressを計測した結果

上記表の通り「LiteSpeed」を導入している場合は1秒で5000回ほどのレスポンスを返しており、ApacheやNginxの1秒で1000回ほどのレスポンスより5倍の差をつけています。

サバくんのアイコン画像サバくん

1秒間にレスポンスを返す量が多いほど、ページ表示速度もはやくなるよ。

クロネコくんのアイコン画像クロネコくん

なるほど。webサイトのページがさくさく表示されるってことだな。

サバくんのアイコン画像サバくん

まあ。簡単に言えばそうなるね。

LiteSpeed Cacheプラグインを導入できるレンタルサーバー

『LiteSpeed Cache』プラグインを導入するには、サーバーに「LiteSpeed」が導入されている必要があります。

ですので、「LiteSpeed」が導入されているサーバーを貸してくれるレンタルサーバー会社と契約する必要があります。

クロネコくんのアイコン画像クロネコくん

エックスサーバーやロリポップのサーバーには「LiteSpeed」が導入されているプランはないのか?

サバくんのアイコン画像サバくん

残念ながら以下の主要な国内レンタルサーバー会社では「LiteSpeed」を導入しているサーバーのレンタルはやっていないんだ。

LiteSpeedを導入してないレンサバ会社

  • エックスサーバー
  • ロリポップ
  • さくらレンタルサーバー
  • ヘテムル
  • カゴヤレンタルサーバー
  • スターサーバー
  • お名前.com(レンタルサーバー)
    など

現在(2018年9月時点)、「LiteSpeed」が導入しているサーバーを貸してくれる国内レンタルサーバー会社は「Mixhost」・「Jetboy」・「FUTOKA」・「カラフルボックス」・「ConoHa WING」の5社だけとなっています。

※2018年9月追記
2018年にサービスを開始したColorfulBox(カラフルボックス)ConoHa WINGでもLiteSpeedを導入しているので、LiteSpeed Cacheプラグインを使用できます。

サバくんのアイコン画像サバくん

カラフルボックスは月額500円未満でレンタルサーバーの中で間違いなく国内No1の性能を持っていて。

あわせて読みたい
ColorfulBoxサーバーで30日無料お試しする方法を紹介
ColorfulBoxサーバーで30日無料お試しする方法を紹介2018年にサービス開始した月額480円から利用できる、エックスサーバーやMixhostに見劣りしないColorfulBox(カラフルボックス)サーバーで30日お試し利用をするまでの手順を紹介します
サバくんのアイコン画像サバくん

ConoHa WINGは月額1000円未満で利用できるレンタルサーバーの中では国内最速のサーバー性能を持っているよ

あわせて読みたい
驚愕の性能!ConoHa WINGの評価と評判をシンプルに解説
驚愕の性能!ConoHa WINGの評価と評判をシンプルに解説今、サイト(ブログ)を作るためのレンタルサーバーとして実績のあるブロガーやアフィリエイター達の中で人気急上昇中であり、 驚きの性能を誇るConoHa WINGの評価と評判をシンプルに説明します。

Mixhost

Mixhostでは全プランのサーバーが「LiteSpeed」搭載の軽量・高速WEBサーバーとなっています。

プラン 月額料金 ディスク
容量
マルチ
ドメイン
スタンダード 880円~ SSD
50GB
無制限
プレミアム 1780円~ SSD
80GB
無制限
ビジネス 3580円~ SSD
120GB
無制限
ビジネスプラス 7180円~ SSD
160GB
無制限
エンタープライズ 14380円~ SSD
200GB
無制限

※Mixhostでは全プラン初期費用が無料となっています。

Mixhostは国内でもトップクラスのwebサイトのページ速度を持っていて多人数のアクセスにも強く、それでいて月額料金も安いです。

ですので、エックスサーバーと並んでサイト・ブログを運営するにはオススメのレンタルサーバーと言えます。

サバくんのアイコン画像サバくん

また、Mixhostはアダルト・ギャンブル系サイト・ブログの運営が認められている、数少ないレンタルサーバー会社でもあるよ。

JETBOY

JETBOYでも全プランのサーバーが「LiteSpeed」搭載の軽量・高速WEBサーバーとなっています。

プラン 月額料金 ディスク
容量
マルチ
ドメイン
ミニSSD 290円~ SSD
5GB
10個
ファースト
SSD
580円~ SSD
20GB
無制限
スタンダード
SSD
980円~ SSD
40GB
無制限
プレミアム
SSD
1980円~ SSD
80GB
無制限
ビジネス
SSD
4980円~ SSD
120GB
無制限
ビジネスプロ
SSD
7580円~ SSD
150GB
無制限

※JETBOYでは残念ながら初期費用が発生します。

プラン 初期費用
ミニSSD 1000円
ファーストSSD 1500円
スタンダードSSD 3500円
プレミアムSSD 5500円
ビジネスSSD 7200円
ビジネスプロSSD 7200円

JetboyはMixhostと並んで、ここ4年以内に新設されたレンタルサーバー会社です。

そのためなのか、JetboyとMixhostののサービス内容や料金は非常に似ており、コントロールパネルにいたっては同じ「Cpanel」を使っています。

サバくんのアイコン画像サバくん

Jetboyでもアダルト・ギャンブル系サイト・ブログの運営が認められているんだ。

JetboyとMixhostほとんど差はありませんので、好みで選んでも問題ないレベルです。

LiteSpeed Cacheプラグインのインストール手順

まずは「LiteSpeed Cache」プラグインをインストールしましょう。

手順は以下の通りです。

プラグイン画面でLiteSpeed Cacheをインストールする

LiteSpeedCacheのインストール1

WordPressのプラグイン新規追加画面で『LiteSpeed Cache』で検索して、検索結果に表示された『LiteSpeed Cache』プラグインの「今すぐインストール」ボタンをクリック(タップ)します。

LiteSpeed Cacheプラグインを有効化する

LiteSpeedCacheのインストール2

『LiteSpeed Cache』プラグインのインストールが完了したら「有効化」ボタンをクリック(タップ)します。

これで『LiteSpeed Cache』プラグインが導入されて使用できます。

LiteSpeed Cacheでの設定手順

続いて「LiteSpeed Cache」の設定を行いましょう。

LiteSpeed Cacheの設定画面を開く

LiteSpeedCacheの設定1
WordPressの管理トップ画面から「LiteSpeed Cache」>「設定」をクリック(タップ)します。

LiteSpeed Cacheを有効にする

LiteSpeedCacheの設定2
LiteSpeed Cacheの設定画面が開いたら「LiteSpeed Cacheを有効にする」項目の『有効』ボタンをクリック(タップ)します。

次に「変更を保存」ボタンをクリック(タップ)して設定変更を保存しましょう。

LiteSpeed Cacheの最適化タブの画面を開く

LiteSpeed Cacheの設定画面が開いて「高度な表示」をクリック(タップ)すると、「最適化」のタブが表示されますのでクリック(タップ)しましょう。

各ファイルの圧縮を有効にする

LiteSpeed Cacheの最適化タブの画面を開いたら、下記図と同じように各項目の『有効』ボタンをクリック(タップ)してください。

LiteSpeedCacheの設定4

LiteSpeedCacheの設定5

LiteSpeedCacheの設定6
「コメントを削除します」項目については、今後「.httaccess」以外のファイルを直接変更しない場合は「有効」にしても問題ありません。

最後に「変更を保存する」ボタンをクリック(タップ)して、設定変更を保存します。

サバくんのアイコン画像サバくん

各項目の役割は以下のようになっているよ。

・CSS 圧縮化
CSS ファイルを圧縮し、環境によってはサイトを高速化することが出来ます。オンにするとテーマや環境によってはサイトのレイアウト表示が崩れたり機能が正常に動作しなくなる可能性があります。

・CSS 結合
CSSファイルを結合し、環境によってはサイトを高速化することが出来ます。オンにするとテーマや環境によってはサイトのレイアウト表示が崩れたり機能が正常に動作しなくなる可能性があります。

・CSS HTTP/2 プッシュ
要求される前にあらかじめブラウザに内部 CSS ファイルを送信します。https化しているサイトのみ利用が可能です。

・JS 圧縮化
JSファイルを圧縮し、環境によってはサイトを高速化することが出来ます。オンにするとテーマや環境によってはサイトのレイアウト表示が崩れたり機能が正常に動作しなくなる可能性があります。

・JS 結合
JSファイルを結合し、環境によってはサイトを高速化することが出来ます。オンにするとテーマや環境によってはサイトのレイアウト表示が崩れたり機能が正常に動作しなくなる可能性があります。

・JS HTTP/2 プッシュ
要求される前にあらかじめブラウザに内部 JSファイルを送信します。https化しているサイトのみ利用が可能です。

・CSS/JS キャッシュ TTL
CSS/JS ファイルがキャッシュされる時間を秒単位で指定します。最小値は 3600 秒です。

・HTML 圧縮化
HTMLファイルを圧縮し、環境によってはサイトを高速化することが出来ます。HTML コンテンツを圧縮化します。

・CSSを非同期ロード
CSSファイルのロードを非同期し、環境によってはサイトを高速化することが出来ます。オンにするとテーマや環境によってはサイトのレイアウト表示が崩れたり機能が正常に動作しなくなる可能性があります。

・JS Deferredをロード
オンすることで、環境によってはリソースの競合を減らし、パフォーマンスを向上させることができます。

・JQueryを除外する
jQuery の最適化を防ぐことにより、インライン JS との互換性を向上させます。

・コメントを削除する
js/cssファイルを圧縮時にファイルのコメントを削除してファイルサイズの軽量化をします。

MixhostのLiteSpeed Cacheについてのページより参照

LiteSpeed Cacheのチューニング画面で設定を行う

LiteSpeedCacheの設定7

LiteSpeed Cacheの設定画面が開いて「高度な表示」をクリック(タップ)すると、「チューニング」のタブが表示されますのでクリック(タップ)しましょう。

LiteSpeed Cacheのチューニングの画面を開いたら、上記図と同じように各項目の『有効』ボタンをクリック(タップ)してください。

サバくんのアイコン画像サバくん

チューニング画面で設定を変更にするには以下の2項目だよ。役割としては最適化したCSSファイルとJSファイルによるサイトの表示崩れを防ぐ役割になるよ。

・CSS結合の優先度
本項目を有効にしておくと、最適化画面でCSS結合を有効にしたとき、CSS結合によるサイトの表示が崩れを防ぐことができます。

・JS結合の優先度
本項目を有効にしておくと、最適化画面でJS結合を有効にしたとき、JS結合によるサイトの表示が崩れを防ぐことができます。

LiteSpeed Cacheの設定完了

お疲れさまでした。

以上で『LiteSpeed Cache』の設定によるwebサイトのページ表示速度の高速化対応は完了です。

クロネコくんのアイコン画像クロネコくん

たったこれだけの操作だったら、本当に簡単にだな。

サバくんのアイコン画像サバくん

そうなんだよ。全作業5分程度で誰でも簡単にできるんだよ。

LiteSpeed Cache設定後のページ表示速度について

最後に「LiteSpeed Cache」プラグインのインストール前と、「LiteSpeed Cache」プラグインのインストール・設定した後による、webサイトのページ表示速度についての比較をしてみます。

比較結果は以下の通りです。

■LiteSpeed Cacheプラグインのインストール前
LiteSpeedCache対応前の計測

■LiteSpeed Cacheプラグインのインストール・設定後
LiteSpeedCacheで適用後の計測

※SSL対応(https)でphpは7.2を使用。wordPressのテーマは「Twenty Seventeen」を使用し、画像5枚で約5000文字のページをGTemtrixで計測。

クロネコくんのアイコン画像クロネコくん

たしかに「LiteSpeed Cache」プラグイン導入前より、ページ表示速度がはやくなってるな。

サバくんのアイコン画像サバくん

GTemtrixでの計測だとあまり改善されていないように見えるけど、冒頭でも紹介した「PageSpeed Insights」だとスマホ・タブレットでのページ表示速度は明らかに伸びてるよ。

PageSpeed Insights計測

クロネコくんのアイコン画像クロネコくん

おっ、これならスマホ・タブレットのページ表示速度アップには大きな効果がありそうだな。

結果を見ても分かる通り「LiteSpeed Cache」プラグインを使えば、確実にwebサイトのページ表示速度を高速化させることができます。

「LiteSpeed Cache」プラグインは無料で利用できて、プログラムやサーバー知識が無い人でもこの記事を読んで設定すれば5分程度で設定できますので、まだ導入していない人は是非使ってみてください。

この記事はここまです。

最後まで読んで頂きありがとうございました。

コメント

コメントする

目次
閉じる