『LiteSpeed Cache』でサイトを高速化する ～ mixhostの使用例

『LiteSpeed Cache』の概要は、WordPress公式サイトもご参照下さい。
https://ja.wordpress.org/plugins/litespeed-cache/

LiteSpeed Cacheを試す

mixhostで、会員登録をしたら、自分のアカウントのコントロールパネルから、『ソフトウェア』→『WordPress Manage by Softaculous』に進み、WordPressをインストールします。

WordPressの立ち上げが完了したら、通常の手順で、プラグイン『LiteSpeed Cache』を有効化します。

コンテンツを全て移行して、mixhostにテストサイトを複製する場合は、以下に留意して下さい。

● LiteSpeed Cache 以外の、キャッシュ系プラグインを無効化する
● テーマ・テンプレートが提供しているキャッシュ機能を全てオフにする

基本の設定

画像は、当サイトの設定であって、お手本ではありません。あくまで参考に御覧下さい。

ダッシュボード

ダッシュボードでは、「画像の最適化」、クリティカルCSSの使用料、ページの読み込み時間、PageSpeedスコアなど、様々な情報を一覧することができます。

一般設定とドメインキー

画像のCDNを利用する場合は、ドメインキーを取得します。

下図は既にドメインキーを取得した状態ですが、すべて日本語でメニュー表示されるので、メッセージに従って、QUIC cloud に登録すれば完了です。

サービスの登録は、メルアドと名前だけでOK。

CDNの使い方が分からない場合は、QUIC.cloud との接続は避けた方が無難です。

CDNを利用しない場合は、空欄（無効化）しておくことをおすすめします。

QUIC.cloud と接続しなくても、CSS/JS圧縮や結合など、一通りのキャッシュ機能は利用可能です。

キャッシュ機能の設定

ログイン、コメント、REST API、ファビコン、PHPリソース、モバイルキャッシュなど、細かな設定が可能です。

面倒でも、一つ一つ、「オン」→「パージ」を繰り返して、動作確認します。

TTLの設定

TTLの意味が分からない人は、デフォルトのままでOK。当サイトもデフォルトのままです。

パージの設定

更新の度に、キャッシュが削除されるよう、パージ（キャッシュクリア）の間隔を調整します。

キャッシュから除外する

キャッシュから除外する項目は、『URL』『クエリ文字列』『カテゴリ』『タグ』『クッキー』『ユーザーエージェント』『ロール』が設定可能。

ESIの設定

ESI (Edge Side Includes) では、ログイン中ユーザーのためにキャッシュからページを提供することができます。

『ESIでは、動的ページの一部を別々のフラグメントとして指定し、それらをまとめてページ全体を作成することができます。言い換えれば、ESIはページ内に「穴を開ける」ことができ、その穴に、個人的にキャッシュされたり、独自のTTLで公開されたり、キャッシュされたりしないコンテンツを埋め込むことができます』とのこと。

意味が分かる方だけ、どうぞ。

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

オブジェクトとは、画像や動画のことではなく、たとえば、wp-optionsに格納された、プラグインの設定データなどのことです。

ビジターが閲覧する度に、コンタクトフォームの設定や、amazonプロダクトキーなどが、いちいちデータベースから呼び出されて、無駄に負荷をかけますね。

それをキャッシュして、いちいちデータベースから読み込む無駄を省く機能です。

意味の分かる人だけ、どうぞ。

ブラウザキャッシュを有効にする

ブラウザキャッシュの間隔は数値で調整することができます。

デフォルトでは「52週」の設定ですが、頻繁にリライトする方や、それほどトラフィックが集中しない小規模サイトは、もう少し短くてもいいと思います。

どのみち、投稿を更新する度に自動でパージされますし、CSSやウィジェットの変更後、手動でキャッシュクリアすることもあるので、そこまで神経質にならなくていいかも。

詳細設定（ログインクッキー、HTTP/HTTPSの互換性、インスタントクリック）

上級ユーザー向けの詳細設定です。

『ログインクッキー』『HTTP/HTTPSの互換性を向上させる』『インスタントクリック』を有効にすることができます。

CDNの設定

画像表示に、CDNを使いたい方は、QUIC.cloudを利用することができます。

CDNマッピングをはじめ、置換するHTML属性、Queryのリモート読み込み、除外パスなど、細かな設定が可能です。

CDNがいまいち分からない人は、下手に手を出さない方が無難です。

画像を多用したギャラリー系のサイトでなければ、それほど神経質になる必要はないです。

個人サイトなら、ShortPixel や Imagify のような、画像圧縮プラグインで十分です。

CCSとJSの圧縮とサイトの最適化

CSS設定

CSS設定では、『CSS圧縮化』『CSS結合』『固有のCSSファイル』『CSS HTTP/2』『CSSを非同期ロード』『クリティカルCSSを生成』『バックグラウンドでクリティカルCSSを生成する』『別々のCCSSキャッシュホストタイプ』『個別のCCSSキャッシュURI』を設定することができます。

CSSの設定は、個々のWP環境に大きく左右されます。

サイト表示を見ながら、一つずつ『オン』にしていきましょう。

全ての機能をオンにしなくても、十分、早くなります。

JSの設定

『JSの圧縮化』『JS結合』『JS HTTP/2 プッシュ』『JS Deferredをロード』『インラインJSの読み込み』『JQueryを除外する』を設定できます。

JSも、個々のWP環境に大きく左右されます。

サイトの挙動を見ながら、一つずつ、『オン』にしまて下さい。

最適化の設定（HTML圧縮、インラインCSS圧縮など）

『HTML圧縮化』『インラインCSSの圧縮化』『インラインJSの圧縮化』『DNSプリフェッチ』『DNSプリフェッチ制御』『コメントを削除します』『クエリ文字列を削除』『Googleフォントを非同期に読み込む』『Googleフォントを削除』『WordPress文字を削除』『Noscriptタグを削除』を設定します。

テーマ・テンプレートが提供している最適化機能とかぶることがあるので、サイトの動きを見ながら、オン / オフ を調整して下さい。

除外するメディア

画像遅延読み込みを除外するファイルの種類を設定します。

多種多様な画像や動画ファイルを利用しているのでない限り、ここは空欄でよいかと。

当サイトも、jpgしか使っていません。

『画像 遅延読み込みを除外』『画像遅延読み込みクラス名を除きます』『遅延読み込みの Image 親クラス名を除外する』『遅延読み込みの iframe クラス名を除外する』『遅延読み込みの Iframe 親クラス名を除外する』『遅延読み込み URI の除外』を設定します。

ローカリゼーション設定

ローカリゼーション設定では、Gravatorのキャッシュ。

高速化の敵（？）　pagead2.googlesyndication.com などをローカライズすることができます。

データベースの最適化

データベースの最適化では、データベースにたまった投稿のリビジョン、自動下書き、ゴミ箱、スパムコメント、Transientsなど、一括削除することができます。

画像にはないですが、『データベースの概要』という項目もあり、LiteSpeed Cacheに関連するデータベースの容量が一目で確認できます。

クローラーの設定

要約（クローラーCron）

LiteSpeed独自のクローラーを誘導する項目もありますが、私も今ひとつ詳細が分からないのでスキップしています。

※ 画像は設定画面の一部です。

bot用のXMLサイトマップも登録できます。

LiteSpeed Cacheがサイトマップを作るのではなく、他プラグインで生成したXMLのURLを登録する形になります。

ツールボックス

キャッシュのパージ

万一、不具合が生じた場合は、ワンクリックでキャッシュをパージすることができます。

また、WordPressの管理ツールバーにもショートカットのアイコンが表示される為、いちいち管理画面を開かなくても、ツールバーのメニューからパージすることができます。

設定のインポート / エクスポート

設定はワンクリックでインポート / エクスポートすることができます。

テストサイトで設定したものを、そのまま本番サイトにも適用できるので、便利です。（ドメインキーとは無関係）

また全ての設定をリセットする機能もあります。

.htaccessの編集

LiteSpeed Cacheの管理画面から、.htaccessを直接編集することができます。

ダイレクトに反映されるので、分からない人は、従来通り、FTP経由で編集することをおすすめします。

ハートビート制御

サーバーの負荷を軽減するために、WordPressインターバルハートビートを調整します。

大規模サイト向けです。

セキュリティやシステムのレポート作成

『Dologin Security』という専用のセキュリティプログラムを取り入れます。

これはログインページをブルートフォース攻撃から守るもので、有効化すると、不正アクセスを自動的にキックアウトしてくれます。

また、Google reCAPTCHAや、ロケーションの分析、ホワイトリスト＆ブラックリスト管理といった機能もあります。

一般レンタルサーバーやセキュリティ系プラグインにも同様のサービスが備わっているので、改めて取り入れる必要はないかもしれません。

デバッグ設定

調子が悪い時は、デバッグ機能を使って、修正することができます。

『デバッグログの保存』『デバッグレベル』『ログファイルのサイズ制限』『クッキーをログに記録』『クエリ文字列を折り畳む』『包含するデバッグURL』『除外するデバッグURL』などを設定することができます。

ベータテスト

開発者向けのベータテストも可能です。

GitHub経由で、ベータ版を試せるようです。

【終わりに】　LiteSpeed Cacheは快適です

私もエックスサーバーを利用中は、『WP Fastest Cache』や『WP ROCKET』や『WP Super Cache』など、いろんな高速化プラグインを試しましたが、素直にレンタルサーバーを変えて、『LiteSpeed Cache』を導入した方が、素人には分かりやすいです。

エックスサーバーがどうこうより、それだけ LiteSpeed Cache が優秀なのだと思います。

mixhostも規約が変わって、お試しにもクレジットカードと前払いが必須になりましたが、私が契約した頃より、動作も安定し、サービスも向上したので、そろそろエックスサーバーにも飽きてきたという方は、乗り換えを検討してはいかがでしょうか。

ちなみに、mixhostが採用している、『cPanel』の『ファイルマネージャー』を経験したら、もう二度とエックスサーバーには戻れないですよ。

WEB上でFTPレベル以上のファイル操作ができるので、言葉にできないくらい便利です。