LiteSpeed Cacheの不具合のない設定方法【表示速度100点】

フェニック

LiteSpeed Cacheでページ速度を爆上げしたいけど設定方法がわからないぞ

今回はこのようなお悩みにお答えします。

当ブログ(ブログフェニックス)はPageSpeed Insightsでパフォーマンススコア100点をたたき出しています。

LiteSpeed Cacheのおかげだといっても過言ではありません。

ただし設定方法が難しく、不具合も起きやすいプラグインです

そこで今回はWordPressテーマCocoonを例に、LiteSpeed Cacheの設定方法を解説します。

SWELLはキャッシュ設定以外は同じ設定でOKです。(詳しくは本編で解説)

分かりやすく解説するのでぜひ参考にしてください。

この記事の著者

Shota　@Shota_Lab_1

歴3年の副業ブロガー。月間32,000PVのブログフェニックスを運営。
X（Twitter）のフォロワーは5,000人以上

著者情報の詳細

サクッと設定方法が知りたい方はインストール前の準備をクリックしてください。

当サイトのテーマ｜SWELL

¥17,600（税込）

導入方法を見るCocoonから乗り換え

LiteSpeed Cacheとは【WordPressプラグイン】

LiteSpeed Cacheは、ブログのページ表示速度を向上させるWordPressプラグインです。

LiteSpeed Cacheは以下の5つの機能により、ページ表示速度を向上させます。

LiteSpeed Cacheは「LiteSpeedサーバー」専用のWordPressプラグインです。

Shota

詳しくは本編にて解説します。

LiteSpeed Cacheに対応するLiteSpeedサーバーとは

LiteSpeedサーバーとは、皆さんが使用しているレンタルサーバーの1種です。

「Apache」「Nginx」「Microsoft」に次ぐ第四のWebサーバーと呼ばれ、以下の特徴があります。

LiteSpeedサーバーは、最新で高速なレンタルサーバーと覚えておきましょう。

LiteSpeedサーバーを採用しているレンタルサーバー会社と料金プラン

LiteSpeedサーバーを扱っているレンタルサーバー会社と料金プランは以下になります。

ページ表示速度を向上させたい人は上記のレンタルサーバーを使用し、LiteSpeed Cacheプラグインを導入することをおすすめします。

なおロリポップ、mixhost、ラッコサーバー、コアサーバー、ABLENETの申し込み方法は、以下の記事で解説しています。

LiteSpeed Cacheのインストール前の準備

LiteSpeedCacheは、以下のプラグインとは機能が被るためインストール前に無効化しておきましょう。

フェニック

LiteSpeed Cacheはこれらのプラグインの機能を網羅しているんだね！

Shota

LiteSpeed Cacheは本当に優秀なプラグインです

事前にPageSpeed Insightsでページ表示速度を測定する

PageSpeed Insightsで、事前にページ表示速度を確認しておきましょう。

確認すべき指標は以下のものです。

メタリックスコアとは以下の項目の点数だと覚えておきましょう。

メトリックスコアの決定方法＃

Lighthouseは、パフォーマンスメトリック（ほとんどの場合ミリ秒単位で報告）の収集が完了すると、メトリック値がLighthouseスコア分布のどこにあるかを調べることにより、各生のメトリック値を0から100までのメトリックスコアに変換します。スコアリング分布は、 HTTPアーカイブ上の実際のWebサイトパフォーマンスデータのパフォーマンスメトリックから導出された対数正規分布です。

引用：PageSpeed Insights

特にモバイルのパフォーマンススコアは低い傾向にあるので、必ずチェックしておきましょう。

LiteSpeed Cacheのインストール方法

WordPressのダッシュボードから【プラグイン】をクリックします。

検索窓に「LiteSpeed Cache」と入力し、インストール＆有効化すれば完了です。

LiteSpeed Cacheの不具合のない設定方法【Cocoon】

LiteSpeed Cacheの設定方法を、私が運営している別サイトを例に解説します。

WordPressテーマはCocoonです。

なおCocoonのインストール方法は、以下の記事で解説しています。

LiteSpeed Cacheの一般設定

LiteSpeed Cacheの一般設定では、プラグイン全体に関わる設定を行います。

ダッシュボードから【LiteSpeed Cache】⇒【一般】をクリックすると管理画面が表示されます。

一般設定

まずは【ドメインキーの要求】をクリックしましょう。

ドメインキーを入手することでQUIC.cloudとブログを連携させることができます。

QUIC.cloudは以下のサービスを無料で提供してくれます。

特に画像圧縮・WebP化とCSSの圧縮は、ページ表示速度の向上に大きく貢献します。

必ずドメインキーを入手しましょう。

【ドメインキーの要求】をクリックすると、ドメインキーが入手されるまでの時間が表示されます。

時間が経ったらプラウザの更新ボタンをクリックしましょう。

ドメインキーが自動入力されます。

これでQUIC.cloudとブログを連携は完了です。

【QUIC.cloudへのリンク】をクリックすると、ブログと「QUIC.cloud が保有するCDN」を連携することができます。

CDN (コンテンツデリバリーネットワーク)とは、ブログコンテンツを高速で配信するネットワークシステムです。

ブログとCDNを連携することができればページ表示速度は向上します。

ただし、QUIC.cloudの無料サービスでは利用制限が多すぎるため連携させなくてOKです。

ゲストモードの解説

キャッシュには以下のものがあります。

【ゲストモード】をONにすることで、「プラウザ」と「レンタルサーバー」は読者が本来のページを見る前に、キャッシュしたページを表示させます。

つまりページの表示速度が大幅に向上します。

必ず【ゲストモード】はONにしましょう。

ちなみに「キャッシュしたページ」は見えない速さで本来のページに切り替わるため安心してください。

ゲストの最適化の解説

【ゲストの最適化】をONにすると「PageSpeed Insights」や「Googleクローラー」がブログページの表示を要求した際に、キャッシュしたページを表示します。

つまりページ表示速度の向上をGoogleに知らせることができます。

【ゲストの最適化】も必ずONにしておきましょう。

【一般設定】が完了したら【変更を保存】をクリックしてください。

チューニングの設定

【チューニング】では「キャッシュしたページ」を誰に表示させるのか設定します。

既にLiteSpeed CacheがGoogleなど表示相手情報を入力しているので、デフォルトのままでOKです。

LiteSpeed Cacheのキャッシュ設定

LiteSpeed Cacheのキャッシュ設定では、キャッシュするページやデバイスを選択します。

ダッシュボードから【LiteSpeed Cache】⇒【キャッシュ】をクリックすると管理画面が表示されます。

キャッシュ制御の設定

Cocoonの方は【キャッシュを有効にする】は必ずオンになっていることを確認してください。

オンになっていないと、LiteSpeed Cacheのキャッシュ機能が全て無効になります。

一方、SWELLの方は【キャッシュを有効にする】は必ずオフになっていることを確認してください。

オフになっていないとSWELLのキャッシュと機能が被り、ブログを開いたら「404エラー」が表示されます。

Shota

当サイト(SWELL)はキャッシュをオンにすると404エラーが表示されました

【モバイルをキャッシュ】は、テーマがレスポンシブルデザインの場合はオフでもOKです。

オフにする場合は、必ずモバイルとパソコンでデザインを確認しましょう。

Shota

パージとはキャッシュをクリアにすることです。詳しくは後述します。

パソコンでブログを確認し、モバイル表示になっていなければOKです。

以降は全てデフォルトでOKです。

以降の項目をざっくり説明すると、読者のカード情報など「機密情報に関するキャッシュ」の設定です。

全ての設定が終わったら【変更を保存】をクリックしてください。

TTL設定

TTL設定では、キャッシュの保存期間を設定します。

この項目はデフォルトのままでOKです。

パージ設定

パージとはキャッシュをクリアにすることです。

キャッシュはページ表示速度の向上に貢献しますが、たまりすぎると表示速度が遅くなります。

たまりすぎたキャッシュが、プラウザやサーバーの容量を圧迫するためです。

ページの表示速度を上げるためにも、定期的にキャッシュをクリアすることが重要です。

以降はデフォルトのままでOKです。

設定が完了したら【変更を保存】をクリックしてください。

設定を除外する

【設定を除外する】は空欄のままでOKです。

この項目ではキャッシュしないページを指定できます。

ブログ運営において「キャッシュしないページ」はないので空欄にしましょう。

ESI設定

ESI設定ではログインページに関するキャッシュを設定します。

自分にキャッシュしても仕方ないのでオフのままでOKです。

オブジェクトキャッシュ設定

オブジェクトキャッシュ設定をオンにすると、レンタルサーバーのデータベースをキャッシュできます。

ただしレンタルサーバー側で対応していない場合が多いので、気休め程度にオンにしてください。

ブラウザのキャッシュ設定  

【プラウザのキャッシュ】をオンにすると、ブログ読者が2回目に訪問してくれた際にプラウザからキャッシュを表示させます。

レンタルサーバーからのキャッシュ表示よりも、スピードが上がるため必ずオンに設定しましょう。

設定が完了したら【変更を保存】をクリックしてください。

なお【プラウザのキャッシュ】をオンにすると、プラウザの更新ボタンをクリックしても変更を確認できません。

ブラウザをスーパーリロードすれば、変更を確認できます。

高度な設定

高度な設定は使用しないので、全てオフのままにしましょう。

これでLiteSpeed Cacheのキャッシュ設定は完了です。

LiteSpeed CacheのCDN設定

今回は「ブログとQUIC.cloud が保有するCDN」を連携させないので、CDNを設定しなくてOKです。

LiteSpeed Cacheの画像の最適化設定

この項目ではQUIC.cloudのサーバーを利用して、画像を圧縮＆WebP化するための設定を行います。

対象となる画像はブログ内の全ての画像です。

画像を圧縮＆WebP化することで、ページ表示速度は劇的にアップします。

画像最適化設定

WebP 画像はGoogleが開発した画像フォーマットで、画像容量が軽いことが特徴です。

ブログ内のJPEG画像やPNG画像を、WebP 画像に変換することでページ表示速度が向上します。

LiteSpeed Cacheの画像の最適化設定が終わったら【変更を保存】をクリックしてください。

画像最適化の概要

この項目では【画像最適化設定】で設定した画像圧縮の進捗を確認できます。

基本的にデフォルトのままでOKです。

【画像最適化設定】で「自動要求 Cron」をオフにした人は【最適化要求を送信】をクリックして、手動で画像を最適化してください。

Shota

ブログ内の全ての画像の最適化には時間がかかります。他の作業をして待ちましょう

LiteSpeed Cacheのページの最適化設定

この項目ではQUIC.cloudのサーバーを利用して「HTMLとCSS、JavaScript」を圧縮するための設定を行います。

ページレイアウトが崩れることがあります。

パソコンとモバイルのデザインを確認しながら丁寧に設定しましょう。

CSS設定

Cocoonでは「CSS圧縮化」や「CSS結合」をオンにすると、モバイルでページレイアウトの崩れが発生しました。

ページを表示させると、アイコンやヘッダーが表示されない不具合です。

このため全てオフにしています。

設定が完了したら【変更を保存】をクリックします。

JS設定

Cocoonでは「JS結合」をオンにすると、モバイルでページレイアウトの崩れが発生しました。

CSSと同様にページを表示させると、アイコンやヘッダーが表示されない不具合です。

このためJS圧縮化以外はオフにしています。

またJavaScriptの遅延読み込み機能は、Cocoonに標準装備されているので設定は不要です。

HTMLの設定

クエリ文字列とは、サーバーに情報を送るためURLの末尾につけ足す文字列のことです。

Googleアナリティクスなどのアクセス解析にも使用します。

Googleアナリティクスのデータに異常が出たら困るため、無難にオフにしましょう。

設定が完了したら【変更を保存】をクリックしましょう。

メディア設定

画像の遅延読み込み機能はCocoonに標準装備されています。

機能がかぶらないようにオフにしましょう。

以降の項目は画像の遅延読み込みに関する設定なので、デフォルトのままでOKです。

除外するメディア

この項目では画像の遅延読み込みの除外ページを指定します。

LiteSpeed Cacheの画像の遅延読み込み機能は活用しないので、デフォルトのままでOKです。

ローカリゼーション設定

設定が完了したら【変更を保存】をクリックしてください。

GravatarとはWordPressのコメント欄に表示させるアバター画像を作成するサービスです。

Gravatorのキャッシュをオンにすることで、コメント欄のページ表示速度を向上させます。

コメント欄を設置している方はオンにしましょう。

チューニング

この項目ではページの最適化の除外ページを指定できます。

除外する理由はないのでデフォルトのままでOKです。

LiteSpeed Cacheのデータベース設定

この項目では、リビジョンやスパムコメントなどブログのゴミとなるデータの削除方法を設定します。

リビジョンとは、更新した投稿内容を保存するバックアップ機能です。

リビジョンは記事を更新する度に増えるため、データベースのサイズも増えていきます。

データベースのサイズが増えるとページの表示速度が低下するため、リビジョンは定期的に削除する必要があります。

ダッシュボードから【LiteSpeed Cache】⇒【データベース】をクリックすると管理画面が表示されます。

管理

まず下書き保存している記事を消去していいか確認しましょう。

問題なければ【すべてを消去】をクリックしてください。

リビジョンやスパムコメントなどのゴミを削除することができます。

下書き保存している記事を残したい場合は、個別に設定項目をクリックしてください。

ちなみにスパムコメントはプラグインで対策しましょう。

スパムコメント対策プラグインではThrows SPAM Awayがおすすめです。

使い方はThrows SPAM Awayの設定方法【Akismetの代替プラグイン】で解説しています。

DB最適化設定

設定を変更する場合は【変更を保存】をクリックしましょう。

LiteSpeed Cacheのクローラー設定

この項目ではクローラーがキャッシュを更新する期間を設定します。

クローラーはブログ内を移動し、古くなったキャッシュを更新してくれます。

Googleクローラーとは別物なので安心してください。

ダッシュボードから【LiteSpeed Cache】⇒【クローラー】をクリックすると管理画面が表示されます。

クローラーの一般設定

以降の項目はLiteSpeed Cacheが設定してくれているので、デフォルトのままでOKです。

設定が完了したら【変更を保存】をクリックしてください。

LiteSpeed Cacheのツールボックス設定

この項目ではパージする項目を設定します。

ただし設定する意味はないため手動でパージしたい時に【すべてをパージする】をクリックしましょう。

ブログのカスタマイズが反映されない時などは【LiteSpeed Cacheツールボックス】から手動でパージしましょう。

カスタマイズ前のキャッシュをクリアにするためです。

LiteSpeed Cacheの設定後はページ速度を確認する

LiteSpeed Cacheの設定が完了したらPageSpeed Insightsで、ページ表示速度を確認しましょう。

今回のLiteSpeed Cacheの設定で、スムージーピュアライフ(Cocoon)のパフォーマンススコアは以下のように向上しました。

LiteSpeed Cacheの不具合のない設定方法の解説は以上です。

締めに入る前にお知らせです。

SWELLユーザーの方にはSWELLプラグインの記事もおすすめです。

あわせて読みたい

SWELLのおすすめプラグイン16選と設定方法【総まとめ】 この記事ではSWELLと相性のよいおすすめプラグインを16個厳選して解説しています。また併せてプラグインの設定方法も解説しています。SWELLを導入直後の方は必見です。

LiteSpeed Cacheの設定が終わったら

ブログ収益化ツールを導入しましょう。

ブログツールを導入すると、より確実に稼げます。

以下の記事では、開設14ヶ月で「月間28,000PV、月間収益5万円」を実現させた神ツールを紹介しています。

ぜひチェックしてみてください。

＞＞ブログアフィリエイト収益化を加速させるおすすめツール20選

あわせて読みたい

ブログアフィリエイト収益化を加速させるおすすめツール21選 この記事では、ブログ収益化を加速させるおすすめツールを紹介しています。無料と思えないお宝ツールも豊富に紹介しています。ブログで早く稼ぎたい方は必見です。

LiteSpeed Cacheの設定方法のまとめ

今回はLiteSpeed Cacheの不具合の設定方法について解説しました。

特に重要な点をまとめます。

今回の内容は以上です。