先日サーバをLiteSpeedに移行した一番の理由は、「LiteSpeed Cache」プラグインを使ってより高速なサイトを作りたかったから。
このプラグインを使うことでキャッシュ周りの動作が大幅に改善するだけでなく、画像ファイルの圧縮・最適化やWebPへの変換もオールインワンで行ってくれるという。
というわけで、今回はこのサイトで実際に行っているLiteSpeed Cacheの設定を紹介しようと思う。
前提
先に自分の環境について記載する。
- LiteSpeed Cacheのバージョンはv2.9.9.1
- WordPressのバージョンはv5.3-ja
- テーマはCocoonを使用
なお、GCPのMarketplaceからWordPress+LiteSpeedサーバをインストールした場合、デフォルトでLiteSpeed Cacheがインストールされている。
LiteSpeed Cacheの設定
少し長くなるけど、LiteSpeed Cacheの各設定タブを全て掲載する。なお、予め右側の緑色タブで「高度なオプションを表示」をONにしておくこと。
[1] 全般
意識して設定しているのは以下くらい。TTLはとりあえずデフォルトのまま。
- LiteSpeed Cacheを有効にする：有効
- 自動アップグレード：オン
[2] キャッシュ
基本的にキャッシュするポリシーなので、「ログインページをキャッシュ」と「モバイルをキャッシュ」以外はオンに設定。
[3] パージ
「アップグレード時にすべてをパージする」をオン。自動パージルールはデフォルトのまま。
[4] 除外
デフォルトから変更なし。
[5] 最適化
最も悩ましい設定。サイトによって全然違ってもおかしくない。うちの場合、一旦全てオンにして、表示や動作があやしい以下の項目をオフにした。
- JS結合：オフ
- JS Deferredをロード：オフ ※一部JavaScriptが動作せず
また、「DNSプリフェッチ」にはAdSenseといったGoogle関連サービスのドメインを登録する。（※DNSプリフェッチ：指定したドメインを事前に名前解決する）
//pagead2.googlesyndication.com //googleads.g.doubleclick.net //tpc.googlesyndication.com //www.gstatic.com
[6] チューニング
CSSやJSの結合設定は影響範囲を見極めきれず、一旦オフにした。表示崩れや動作に支障がなさそうな以下の項目だけオンにしている。
- クエリ文字列を削除：オン
- Googleフォントを非同期に読み込む：オン
- WordPress文字を削除：オン
また、「JS遅延を除外」にはCocoonとAdSense、Googleタグマネージャ対応で以下の設定をした。
/cocoon-service-worker.js /pagead/js/adsbygoogle.js /gtm.js
[7] メディア
画像ファイル最適化はLiteSpeed導入目的の1つなので、設定は一部を除き基本的にオンにする。特にWebPを有効化する場合、関連の項目（下記青字）はオン必須。
- iframes遅延読み込み：オフ ※AdSense対策
- 自動的に最適化する：オン
- 最適化Cron：オン
- オリジナルバックアップを削除する：オフ ※最適化失敗時に備えて、削除は手動で行う
- WebPのバージョンを最適化する：オン
- 可逆最適化：オフ ※ファイルサイズ抑止
- EXIF/XMPデータを保存する：オフ ※ファイルサイズ抑止
- WebP画像への置換：オン
なお、設定にあわせて.htaccessも自動編集されるので、WebPをサポートしていないブラウザでアクセスした場合は、元の画像フォーマットで表示されるように調整してくれる。
[8] CDN
このサイトはCloudflareを使用しているが、ここでAPIキーを登録するとLiteSpeed Cacheの管理画面からCloudflareのキャッシュを削除したり一時的に開発者モードに変更できる。テーマをカスタマイズした際に簡単に操作できて便利。
「Cloudflare API」以外の項目はデフォルトのまま。
なお、APIキーはCloudflareのProfileページから「API Tokens＞API Keys＞Global API Key」で確認できる。
[9] ESI
LiteSpeed Enterprise限定の設定（OpenLiteSpeedは対象外）のため変更なし。
[A] 高度
意識して設定している項目は以下のみ。
- オブジェクトキャッシュ：オン
- オブジェクトキャッシュのメソッド：Redis
- HTTP/HTTPSの互換性を向上させる：オフ
- インスタントクリック：オフ
なお、「インスタントクリック」をオンにすると、管理バーから管理画面に遷移したり記事を編集したりする際に100%表示が崩れたので推奨しない。
[D] デバッグ
デフォルトから変更なし。
[C] クローラー
デフォルトから変更なし。
その他（Cocoon設定）
Cocoonの「サイト高速化」はLiteSpeed Cacheの設定といくつか重複している。LiteSpeedのほうが細かい設定ができるため、基本的にはLiteSpeed側で管理して、Cocoonの設定をオフにしたほうがいい。
ただ、「スクリプトの読み込み設定（JavaScriptをフッターで読み込む）」だけはLiteSpeedにないため、例外としてこの設定だけオンにしている。
まとめ
今回はLiteSpeed Cacheの設定方法について紹介した。
実際にこのサイトで行っている設定値を掲載したけど、同じ設定をしても、使用しているテーマやプラグインによっては正常に動作しない場合がある。導入する際は動作確認とチューニングを忘れずに行うようにしてほしい。
ただ、適切な設定をして使いこなせれば非常に強力なプラグインであることは間違いない。今回は設定方法のみを紹介したけど、次回の記事では使い方についてまとめようと思う。
参考リンク
- 【解説】LiteSpeed Cacheの設定方法と使い方。誰でも簡単に高速化が可能！ | ツヨシウェブ
- Mixhost + LiteSpeed Cache + CloudflareCDNで最速の設定を全画像付で解説【SANGO爆速】
あわせてどうぞ
