2026年5月20日

LiteSpeed Cacheの設定方法と最適化手順

プラグイン関連

はじめに

LiteSpeed CacheはLiteSpeedサーバー環境で圧倒的なパフォーマンスを発揮する無料プラグインです。ConoHa WINGやXserverの一部プランで使えます。基本設定から画像最適化・CDN連携まで解説します。

症状・原因

LiteSpeed Cacheをインストールしたが設定項目が多くて迷っている
LiteSpeedサーバーでないとキャッシュが効かないか不安
画像自動最適化（WebP変換）の設定方法が分からない
ESI（Edge Side Includes）とは何か知りたい

解決手順

ステップ1：インストールと基本確認

wp plugin install litespeed-cache --activate

# LiteSpeedサーバーかどうか確認
wp litespeed-cache status

LiteSpeed以外のサーバー（nginx/Apache）でも動作しますが、サーバーレベルキャッシュはLiteSpeedサーバー専用です。nginx/Apacheでもオブジェクトキャッシュ・画像最適化は使えます。

ステップ2：キャッシュ設定

LiteSpeed Cache → キャッシュ → 設定
→ キャッシュを有効にする: オン
→ ログインユーザーをキャッシュ: オフ
→ モバイルキャッシュを有効にする: オン
→「変更を保存」

WP-CLIでキャッシュクリア：

wp litespeed-cache purge all
wp litespeed-cache purge --url=https://example.com/page/

ステップ3：ファイル最適化

LiteSpeed Cache → ページ最適化 → CSS設定
→ CSS最小化: オン
→ CSS結合: オン（崩れる場合はオフ）

LiteSpeed Cache → ページ最適化 → JS設定
→ JS最小化: オン
→ JSの遅延読み込み: オン
→ インラインJSを結合: オン（問題が出たらオフ）

ステップ4：画像最適化（WebP自動変換）

LiteSpeed Cache → 画像最適化 → 画像最適化サービス設定
→「画像最適化を要求」をクリック

QUIC.cloudアカウント（無料）でWebP変換・スマートロードが使えます：

# 既存画像を一括最適化
wp litespeed-cache image-optim --all

LiteSpeed Cache → 画像最適化 → 基本設定
→ WebP 置換: オン
→ 遅延読み込み: オン
→ プレースホルダー: オン

ステップ5：QUIC.cloudとCDN連携

LiteSpeed Cache → CDN → CDN設定
→ CDNを使用する: オン
→ QUIC.cloud CDN: ドメインを登録して連携

QUIC.cloudは無料枠（1GB/月）があり、小規模サイトなら無料で使えます。

ステップ6：ESI設定（動的コンテンツのキャッシュ）

ESI（Edge Side Includes）はページの一部（カート数など）だけを動的に更新しながら、それ以外をキャッシュする機能です：

LiteSpeed Cache → キャッシュ → ESI
→ ESIを有効にする: オン（WooCommerceサイト推奨）
→ ログインバー: ESI ブロック
→ カートの数量表示: ESI ブロック

注意事項

画像最適化はQUIC.cloudのAPIを使うため、大量の画像がある場合は無料枠を超える場合があります
LiteSpeedサーバー以外ではサーバーレベルキャッシュは動作しませんが、オブジェクトキャッシュ等は使用できます
CSS/JS最適化でデザイン崩れが出た場合は「クリティカルCSSを生成しない」を試してください

まとめ

LiteSpeed Cacheはキャッシュ有効化→JS/CSS最小化→WebP画像最適化の順に設定します。wp litespeed-cache purge all でキャッシュをクリアし、WooCommerceサイトではESIを有効化して動的コンテンツを適切に処理してください。

Post Views: 4