この記事では、プラグイン「LiteSpeed Cache」でおすすめの初期設定の方法を、画像を用いてわかりやすくご紹介します。
「LiteSpeed Cache」は、最新・高速のLiteSpeedサーバーでWordPress（ワードプレス）をさらに高速化するキャッシュプラグインです。
「LSCache」や「LSCWP」などと省略して呼ばれることもあります。
suyaColorfulBox 
、mixhost 
などのサーバーで利用できます。
なるほどくんなるほど！サーバーと連携するんですね。
- 「LiteSpeed Cache」の初期設定が完了できる
- 設定項目の重要度がわかる
この記事を最後まで読めば、 ColorfulBox やmixhost でWordPress（ワードプレス）をさらに高速化できます。
ぜひ最後まで進めてみてください。
すでに途中まで進めている人は、目次から該当箇所に飛ぶこともできます。
このサイトのWordPress高速化結果
最初に、このサイトのトップページをGoogleの「PageSpeed Insights」で計測した結果を載せておきます。
パソコンは当然ですが、モバイルでも100点が出ます。（多少ぶれますが）
この数字は記事執筆時点の数字なので、最新の数字は変わっているかもしれません。
このサイトの最新スコアが気になる方は、実際に計測してみてください。
＼ PageSpeed Insights ／
ただし、高速化（ページ表示速度）はコンテンツ次第なので、数字だけの比較はあまり参考になりません。
よかったら、実際のページの切り替わりの速さなどをチェックしてみてください。
WordPressテーマによっても高速化の程度は異なります。
このサイトでは、シンプルで最適化されたデザインテーマ「SWELL（スウェル）」を使用しています。
デザインだけでなく、機能も最適化されているため、高速化もしやすいです。
＼ おしゃれでシンプル ／
LiteSpeed は最新Webサーバー
LiteSpeed（ライトスピード）は、Apache（アパッチ）やNginx（エンジンエックス）よりも新しいWebサーバーです。
最新の高速化技術である「HTTP/3」や「QUIC」が利用されており、世界的に利用者数が増加傾向にあります。
ColorfulBox 
やmixhost で利用可能
日本では、以下のレンタルサーバーなどで提供されています。
この「ColorfulBox」「mixhost」「ラッコサーバー」のサーバーをさらに高速化できるのが、キャッシュプラグイン「LiteSpeed Cache」です。
その他のキャッシュプラグインとの違い
その他にも、キャッシュプラグインは「WP Rocket」「WP Super Cache」「WP Fastest Cache」「W3 Total Cache」などあります。
それらとの違いとしては、以下のような点があります。
- LiteSpeedサーバー（ColorfulBox、mixhost、ラッコサーバーなど）で利用できる
- 大部分の機能が無料
- CSS・JavaScript・HTMLの圧縮ができる（「Autoptimize」などが不要）
- 画像の圧縮・WebP化ができる（「EWWW Image Optimizer」「ShortPixel」「WebP Express」などが不要）
- データベース最適化ができる（「WP Revisions Control」「WP-Optimize」「Optimize Database after Deleting Revisions」などが不要）
- CDNを利用可能（ただし、無料枠は限定的）
suyaLiteSpeedサーバーを選ぶ一番のメリットは、専用プラグインが使えることかもしれません。
1) LiteSpeedサーバーを準備
LiteSpeedのレンタルサーバー「ColorfulBox（カラフルボックス） 」の申し込みからWordPressインストールまでの方法は、以下をご覧ください。
suyaなんと、30日間無料で始められます。
＼ 30日間無料お試し／
＼ 操作手順丸わかり／
2) プラグイン「LiteSpeed Cache」をインストール
作業を開始する前に、必ずバックアップを取得してください。
表示速度の変化を確認したい場合、現在の状態を「PageSpeed Insights」で計測しておきましょう。
ただし、計測値と体感のスピードは違いますので、実際の挙動確認もお忘れなく。
WordPress（ワードプレス）にログインしたら、左メニューの[プラグイン]→[新規追加]をクリックして、[プラグインの検索]をします。
[プラグイン]→[新規追加]から「LiteSpeed Cache」を検索して、[今すぐインストール]した後に[有効化]します。
3) プラグイン「LiteSpeed Cache」の初期設定
高速化のことばかり考えて、多くの設定をON（オン）にすると、それだけ不具合が生じます。
ここでは、不具合の起こりにくい設定を重要度に分けて解説します。
1) ダッシュボード
左メニューの[LiteSpeed Cache]をクリックして、[ダッシュボード]を開きます。
以下の機能を利用するためには、外部サーバー「QUIC.cloud」のドメインキーを取得する必要があります。
- 画像の最適化（圧縮、WebP化）
- ページの最適化（一部機能）
- CDN
2) 一般 – 一般設定（重要度：高）
左メニューの[LiteSpeed Cache]→[一般]をクリックして、[一般設定]タブを開きます。
[ドメインキーの要求]をクリックして、外部サーバー「QUIC.cloud」にリクエストを送信します。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | 自動アップグレード | デザイン崩れなどの不具合の可能性あり → デフォルト（OFF）のまま |
| 高 | ドメインキー | 「QUIC.cloud」を利用するために必要 → [ドメインキーの更新]をクリック |
[自動アップグレード]をONにすると、いつの間にかデザイン崩れなどの不具合が発生することがあります。
手動でバージョンアップした後に、デザイン崩れを確認したほうが無難です。
[ドメインキーの要求]は、サーバー負荷分散のため、実行間隔に制限があります。
ボタンがアクティブでない場合は、「次回の利用可能な要求時間」まで待ってからブラウザを更新（F5）してください。
[ドメインキーの要求]をしないと、画像の最適化（圧縮、WebP化）、ページの最適化（一部機能）、CDNなどを利用できません。
以下のようにドメインキーが表示されるまで、何度かブラウザを更新（F5）してください。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | QUIC.cloud へのリンク | データ処理用の外部サーバーにアカウント登録 → CDNを利用しないなら不要 |
[QUIC.cloud へのリンク]からアカウントを登録しないと、CDNを利用できません。
ただし、CDNは無料枠だとほとんど使い物にならないため、今回は省略します。
ゲストモードをON（オン）に変更し、ページ下部の[変更を保存]をクリックします。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 高 | ゲストモード | 最初の訪問時にデフォルトページを読み込む → 多言語サイトやECサイトなどでなければONに変更 |
| 低 | ゲストの最適化 | ゲストモードをさらに高速化 → デフォルト（ON）のまま |
| 低 | サーバー IP | 「QUIC.cloud」サービスが高速化 → CDNを使わないならOFFのまま |
| 低 | 通知 | 最新情報の表示 → デフォルト（ON）のまま |
ゲストモードは、デフォルトページを表示した後にユーザーごとの表示に切り替えることで高速化します。
ただし、多言語サイトやECサイトなど、ユーザーごとの表示が重要なサイトはOFF（オフ）にします。
ブログであればON（オン）がおすすめですが、レイアウトなどが崩れる可能性はあります。
サーバー IPを設定すると、DNSサーバーを参照する必要がなくなるため、CDNやクローラーが高速化されます。
ただし、レンタルサーバーによっては、DDos攻撃や障害などの際にIPアドレスを変更することがあります。
また、サーバー移転時にも変更する必要があります。
suyaよくわからない場合は、とりあえずOFFが鉄則です。
一般 – チューニング（重要度：低）
[チューニング]タブは、デフォルト設定のまま変更しません。
[チューニング]タブでユーザーエージェントやIPアドレスを設定すると、毎回の訪問時にデフォルトページを表示することができます。
例えば、Googleの「PageSpeed Insights」のような速度計測ロボットには、毎回最初の訪問時の挙動をするように設定されています。
3) キャッシュ – キャッシュ（重要度：高）
左メニューの[キャッシュ]をクリックして、[キャッシュ]タブを開きます。
ログインしたユーザーをキャッシュ、REST API をキャッシュ、ログインページをキャッシュをOFF（オフ）にして[変更を保存]します。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | キャッシュを有効にする | キャッシュ全体の設定 → デフォルト（ON）のまま |
| 高 | ログインしたユーザーをキャッシュ | 管理者が編集したら毎回パージが必要になる → OFFに変更 |
| 低 | コメントをキャッシュ | コメントのキャッシュ設定 → デフォルト（ON）のまま |
| 中 | REST API をキャッシュ | REST APIのキャッシュ設定 → OFFに変更 |
| 高 | ログインページをキャッシュ | CAPTCHA（画像認証）などに影響 → OFFに変更 |
ログインしたユーザーをキャッシュがON（オン）のままだと、管理者がサイトを編集してもログインした状態では確認できなくなります。
一応パージ（キャッシュクリア）すればログインしていてもすぐ反映されますが、毎回やるのは正直面倒です。
パージ（キャッシュクリア）を多用すると、その度に一時的にサイトが重くなるというのも理由です。
REST APIはプラグインなどで利用され、通常のサイト閲覧には利用されません。
ON（オン）にしても問題ないかもしれませんが、一般ユーザーの高速化にはあまり寄与しないため、OFF（オフ）にしています。
下記のようなセキュリティプラグインでOFFにしている場合もあります。
ログインページは、不正ログインロボットによって負荷がかかりやすい場所です。
しかし、ログインセキュリティプラグインは、CAPTCHA（画像認証）の追加やURL変更などを行います。
- SiteGuard WP Plugin
- XO Security
そのため、ログインできなくならないように、ログインページのキャッシュはOFF（オフ）にするのが無難です。
一応その他の設定項目の説明です。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | favicon.ico をキャッシュ | ファビコン（サイトアイコン）のキャッシュ設定 → デフォルト（ON）のまま |
| 低 | PHP リソースをキャッシュ | 最適化されていないプラグインなどに有効 → デフォルト（ON）のまま |
| 低 | モバイルをキャッシュ | モバイル専用ページのキャッシュ設定 → レスポンシブならOFFのまま |
| 低 | モバイルユーザエージェントのリスト | モバイル識別のユーザーエージェント → デフォルトのまま |
| 低 | プライベートキャッシュ URIs | ログイン後のマイページなどのキャッシュ設定 → 会員サイトでなければ空欄のまま |
| 低 | URIs を強制キャッシュする | 強制キャッシュ（プライベート） → 空欄のまま |
| 低 | パブリックキャッシュ URI を強制する | 強制キャッシュ（パブリック） → 空欄のまま |
| 低 | クエリ文字列を落とす | URLパラメータごとのキャッシュを防止 → デフォルトのまま |
モバイルをキャッシュは、レスポンシブデザインの場合はOFF（オフ）のままで大丈夫です。
モバイル専用ページがある場合にON（オン）にします。
suyaなんでもかんでもONにすればいいわけではありません。
キャッシュ – TTL（重要度：低）
[TTL]タブは、デフォルト設定のまま変更しません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | デフォルトのパブリックキャッシュ TTL | パブリックキャッシュ期間 |
| 低 | デフォルトのプライベートキャッシュ TTL | プライベートキャッシュ期間 |
| 低 | デフォルトのフロントページ TTL | フロントページのキャッシュ期間 |
| 低 | デフォルトのフィード TTL | feedのキャッシュ期間 |
| 低 | デフォルトの REST TTL | REST APIのキャッシュ期間 |
| 低 | 既定の HTTP ステータスコードページ TTL | エラーページのキャッシュ期間 |
4) キャッシュ – パージ（重要度：高）
[パージ]タブを開きます。
公開 / 更新の自動パージルールをすべてチェック（ON）して[変更を保存]します。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | アップグレード時にすべてをパージする | バージョンアップ時のキャッシュクリア → デフォルト（ON）のまま |
| 高 | 公開 / 更新の自動パージルール | 更新時のキャッシュクリア → すべてチェック（ON）に変更 |
| 低 | 古いものを出す | パージ中のキャッシュ表示 → 大規模サイト以外はデフォルト（OFF）のまま |
| 低 | スケジュールされたパージURL | 自動パージするURL → 空欄のまま |
| 低 | パージ予定時間 | 自動パージする時刻 → 空欄のまま |
| 低 | すべてのフックをパージする | 自動パージするフック → デフォルトのまま |
公開 / 更新の自動パージルールは、すべてチェック（ON）しておきましょう。
パージ（キャッシュクリア）が一部だけだと、問題が起こったときの原因の切り分けが難しくなります。
公開 / 更新の自動パージルールの「固定ページ一覧」は誤訳で、「すべてのページ（All pages）」が正しいです。
すべてのフックをパージするも誤訳で、「すべてをパージするフック（Purge All Hooks）」が正しいです。
設定項目の名前だけでなく、設定項目の説明文まで読むようにしましょう。
キャッシュ – 除外（重要度：低）
[除外]タブは、デフォルト設定のまま変更しません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | URIs をキャッシュしない | 会員サイトのマイページなどを除外 |
| 低 | クエリ文字列をキャッシュしない | URLパラメータのキャッシュ除外 |
| 低 | カテゴリをキャッシュしない | カテゴリのキャッシュ除外 |
| 低 | タグをキャッシュしない | タグのキャッシュ除外 |
| 低 | クッキー をキャッシュしない | Cookieのキャッシュ除外 |
| 低 | ユーザーエージェントをキャッシュしない | ユーザーエージェントのキャッシュ除外 |
| 低 | ロールをキャッシュしない | 管理者などのキャッシュ除外 |
キャッシュ – ESI（重要度：低）
[ESI]タブは、デフォルト設定のまま変更しません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | ESIを有効にする | ログイン後の部分的なキャッシュ設定 |
| 低 | 管理バーをキャッシュ | 管理バーのキャッシュ設定 |
| 低 | コメントフォームをキャッシュ | コメントのキャッシュ設定 |
| 低 | ESI ノンス | プラグインと連携するための設定 |
| 低 | グループを変更 | ロールの設定 |
ESI（EdgeSide Includes）は、パブリックキャッシュやプライベートキャッシュより高度なキャッシュ機能です。
ESIをON（オン）にする場合は、サイトの動作検証を細かく行う必要があります。
キャッシュ – オブジェクト（重要度：低）
[オブジェクト]タブは、デフォルト設定のまま変更しません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | オブジェクトキャッシュ | オブジェクトキャッシュ設定 |
| 低 | 方法 | Memcached / Redisから選択 |
| 低 | ホスト | サービスのホスト名 |
| 低 | ポート | サービスのポート |
| 低 | デフォルトのオブジェクトの有効期間 | TTL |
| 低 | ユーザー名 | 保護されている場合のみ |
| 低 | パスワード | 保護されている場合のみ |
| 低 | Redis データベース ID | データベース選択 |
| 低 | グローバルグループ | ネットワークレベルのグループ |
| 低 | グループをキャッシュしない | キャッシュしないグループ |
| 低 | 永続的な接続 | Keep-Alive設定 |
| 低 | WP-Admin のキャッシュ | 管理画面キャッシュ |
| 低 | Transients を格納 | Transients設定 |
オブジェクトキャッシュは、レンタルサーバーでは利用できないことが多いです。
利用できる場合は、ステータスの接続テストが「OK」になります。
5) キャッシュ – ブラウザー（重要度：高）
[ブラウザー]タブを開き、[ブラウザキャッシュ]をON（オン）にして[変更を保存]します。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 高 | ブラウザキャッシュ | ブラウザキャッシュ設定 → ONに変更 |
| 低 | ブラウザキャッシュ TTL | キャッシュ期間 → デフォルトのまま |
ブラウザキャッシュを有効にすると、ブラウザを普通に更新（F5）しても変更が反映されません。
そのため、ブラウザをスーパーリロード（キャッシュクリア）する方法を覚えておきましょう。
- Windows： Ctrl + F5
- Mac： Command + Shift + R
キャッシュ – 高度な設定（重要度：低）
[高度な設定]タブは、デフォルト設定のまま変更しません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | ログインクッキー | 複数のWordPressサブディレクトリのログイン識別 |
| 低 | HTTP / HTTPS の互換性を向上させる | httpとhttpsのページが混在している場合の設定 |
| 低 | インスタントクリック | リンクにカーソルでプリロード（サーバー負荷） |
参考) CDN – CDN 設定（重要度：低）
[CDN]は、デフォルト設定のまま変更しません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | QUIC.cloud CDN | CDNの利用有無 |
| 低 | CDN マッピングを使用 | 別のCDNを設定している場合の設定 |
| 低 | CDN URL | CDNごとに画像、CSS、JSを設定 |
| 低 | 置換する HTML 属性 | CDNマッピングで置換されるHTML属性 |
| 低 | 元の URL | 他言語サイトやマルチサイトの設定 |
| 低 | 含まれるディレクトリ | 対象ディレクトリ |
| 低 | 除外パス | 除外ディレクトリ |
| 低 | Cloudflare API | Cloudflare設定 |
6) 画像の最適化 – 画像最適化設定（重要度：高）
画像最適化を行うと、画像が複製されるため、ページ表示速度は高速化されますが、サーバー容量を圧迫します。
サーバー容量を節約したい場合は、[メディア設定]でリサイズ画像の種類を減らしておくことをおすすめします。
左メニューの[画像の最適化]をクリックして、[画像最適化設定]タブを開きます。
自動要求 CronをON（オン）に変更します。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 高 | 自動要求 Cron | 画像最適化を自動要求 → ONに変更 |
| 低 | 自動戻し Cron | 最適化された画像を自動取得 → デフォルト（ON）のまま |
| 低 | オリジナル画像の最適化 | 最適化された画像を利用 → デフォルト（ON）のまま |
| 低 | オリジナルバックアップを削除する | 最適化前の画像をバックアップ → デフォルト（OFF）のまま |
| 低 | 可逆最適化 | 非可逆圧縮よりも高画質だがサイズが大きい → デフォルト（OFF）のまま |
他の画像系プラグインなどを併用している場合、自動要求 CronをOFFにすることで問題が解決することがあります。
その場合、定期的に自分で画像最適化の要求を手動で行います。（後述）
WebP 画像への置換をONに変更して[変更を保存]します。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | EXIF / XMPデータを保存する | 画像のGPS（位置情報）などの保存設定 → OFFに変更してもいい |
| 低 | WebPバージョンの作成 | 次世代フォーマットの画像形式を作成 → デフォルト（ON）のまま |
| 高 | WebP 画像への置換 | 次世代フォーマットを必要に応じて表示 → ONに変更 |
| 低 | WebP 属性を置換する | 置換対象のHTML属性を設定 → デフォルトのまま |
| 低 | WebP の 特別な srcset | 他の画像系プラグインを利用している場合の設定 → デフォルト（OFF）のまま |
| 低 | WordPress 画像品質管理 | 圧縮品質設定 → デフォルト（82）のまま |
ほとんどのブラウザは、次世代フォーマット「WebP」に対応していますが、古いMacのSafari（サファリ）はまだ対応していません。
一方で、「LiteSpeed Cache」はブラウザに応じて出し分けてくれるため、WebP化しても問題はありません。
さらに、「PNG」や「JPG（JPEG）」などの元画像の方が軽い場合は、そちらを優先表示してくれます。
「LiteSpeed Cache」を導入していれば、画像変換プラグイン「EWWW Image Optimizer」「ShortPixel」「WebP Express」などが不要になります。
機能が重複しないように、プラグインをアンインストールするか、LiteSpeed側で機能をOFFにしてください。
画像の最適化 – 画像最適化の概要（重要度：低）
待っていれば自動的に画像の最適化が始まるはずです。
[画像データを収集]ボタンで、手動で画像最適化を開始できます。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | 最適化要求を送信 | 画像最適化を手動要求 → 自動要求 CronがOFFのとき |
| 低 | 画像を引き戻す | 最適化された画像を手動取得 → 自動戻し CronがOFFのとき |
| 低 | 完了していないデータのクリーンアップ | 未完了の画像最適化をクリア → エラーなどで処理が止まった場合に実行 |
| 低 | バックアップのディスク容量を計算する | バックアップファイルの容量計算 → 画像サムネイルグループサイズの数だけ増える |
| 低 | 元の画像バックアップを削除する | バックアップファイルの削除 → 実行すると元に戻せません |
| 低 | 新しいサムネイルを再スキャン | 画像を手動スキャン → 自動でスキャンされる |
| 中 | メディアライブラリ | 画像一覧を表示 → 画像ごとの圧縮率やWebP効果を確認可能 |
| 低 | 元のファイルを使用 / 最適化されたファイルを使用する | オリジナル画像と最適化画像の切替 → テスト時や不具合発生時に使用 |
| 低 | すべての最適化データを破棄する | 画像最適化データの削除 → プラグインのアンインストール前などに |
7) ページの最適化 – CSS 設定（重要度：低）
CSS最適化は、テーマやプラグインが最適化されていないときに効果を発揮します。
ただし、デザイン崩れなどの不具合が起こりやすくなるため、よくわからなければOFFが鉄則です。
[CSS設定]は、デフォルト設定のまま変更しません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | CSS 圧縮化 | CSSの縮小化設定 → ONに変更も可 |
| 低 | CSS 結合 | CSSの結合設定 → デザイン崩れのためOFFのまま |
| 低 | UCSS を生成する | 使用するCSSのみ生成 → レスポンシブならOFFのまま |
| 低 | UCSS インライン | 使用するCSSをインラインに → OFFのまま |
| 低 | CSS の外部とインラインを組み合わせる | インラインCSSも結合 → CSS 結合ONの場合 |
| 低 | CSS HTTP/2 プッシュ | リクエスト前にCSSをプッシュ → 設定項目が削除されました（v4.4.3） |
| 低 | CSSを非同期ロード | CSSの非同期読み込み → デザイン崩れのためOFFのまま |
| 低 | URL ごとの CCSS | ページ単位のCCSS |
| 低 | インライン CSS 非同期ライブラリ | CSSを非同期ロードするならOFF |
| 低 | フォント表示の最適化 | フォント表示ルールの設定 → 「Swap」に変更も可 |
「LiteSpeed Cache」を導入していれば、ページ最適化プラグイン「Autoptimize」が不要になります。
機能が重複しないように、プラグインをアンインストールするか、LiteSpeed側で機能をOFFにしてください。
8) ページの最適化 – JS 設定（重要度：低）
JavaScript最適化は、テーマやプラグインが最適化されていないときに効果を発揮します。
ただし、コンタクトフォームなどの不具合が起こりやすくなるため、よくわからなければOFFが鉄則です。
[JS設定]は、デフォルト設定のまま変更しません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | JS 圧縮化 | JavaScriptの縮小化設定 → OFFのまま |
| 低 | JS 結合 | JavaScriptの結合設定 → プラグイン不具合のためOFF |
| 低 | JS は外部とインラインを組み合わせる | インラインJavaScriptも結合 → CSS 結合ONの場合はOFF |
| 低 | JS HTTP/2 プッシュ | リクエスト前にJavaScriptをプッシュ →設定項目が削除されました（v4.4.3） |
| 低 | JS Deferredをロード | JavaScript を遅延読み込み → OFFのまま |
「LiteSpeed Cache」を導入していれば、ページ最適化プラグイン「Autoptimize」が不要になります。
機能が重複しないように、プラグインをアンインストールするか、LiteSpeed側で機能をOFFにしてください。
9) ページの最適化 – HTML の設定（重要度：高）
[HTMLの設定]タブを開いて、DNSプリフェッチを設定します。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | HTML 圧縮化 | HTMLの縮小化設定 → ONに変更も可 |
| 高 | DNS プリフェッチ | 外部ドメインを事前読み込み → 外部ドメインを指定（後述） |
| 高 | DNS プリフェッチ制御 | X-DNS-Prefetch-Control設定 → ONに変更 |
DNS プリフェッチには、事前に読み込む外部ドメインを指定することができます。
例えば、GoogleアナリティクスやGoogleタグマネージャーは、以下のように設定します。
アクセス解析関連
//www.google-analytics.com
//www.googletagmanager.com- httpやhttpsを省略することで、そのどちらにも対応させることができます。
その他にも、外部読み込みのCDN、SNS、広告などのドメインを指定可能です。
例えば、WordPressテーマ「Cocoon（コクーン）」では、DNS プリフェッチが標準搭載されています。
以下のようなデフォルト設定がされているので、参考にすることもできます。
CocoonのDNSプリフェッチ設定
www.googletagmanager.com
www.google-analytics.com
ajax.googleapis.com
cdnjs.cloudflare.com
pagead2.googlesyndication.com
googleads.g.doubleclick.net
tpc.googlesyndication.com
ad.doubleclick.net
www.gstatic.com
cse.google.com
fonts.gstatic.com
fonts.googleapis.com
cms.quantserve.com
secure.gravatar.com
cdn.syndication.twimg.com
cdn.jsdelivr.net
images-fe.ssl-images-amazon.com
completion.amazon.com
m.media-amazon.com
i.moshimo.com
aml.valuecommerce.com
dalc.valuecommerce.com
dalb.valuecommerce.com自分のサイトの外部読み込みは、ブラウザのデベロッパーツールなどでも調べられます。
Googleフォントを削除、WordPress文字を削除をON（オン）に変更して[変更を保存]します。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | HTML Lazy Load セレクタ | HTML要素の遅延読み込み → 空欄のまま |
| 低 | クエリ文字列を削除 | URLパラメータを削除 → OFFのまま |
| 低 | Google フォントを非同期に読み込む | Googleフォントを使用する場合 → OFFのまま |
| 中 | Googleフォントを削除 | Googleフォントを使用しない場合 → ONに変更 |
| 中 | WordPress 文字を削除 | WordPress絵文字を使用しない場合 → ONに変更 |
| 低 | Noscript タグの削除 | JavaScriptオフのサポート → OFFのまま |
「LiteSpeed Cache」を導入していれば、ページ最適化プラグイン「Autoptimize」が不要になります。
機能が重複しないように、プラグインをアンインストールするか、LiteSpeed側で機能をOFFにしてください。
参考) ページの最適化 – メディア設定（重要度：低）
[メディア設定]タブは、デフォルト設定のまま変更しません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | 画像 遅延読み込み | 画像のLazy Load設定 → OFFのまま |
| 低 | 基本的な画像プレースホルダー | 画像読み込み前の表示 |
| 低 | 応答プレースホルダ | レイアウトされたプレースホルダー設定 |
| 低 | レスポンシブプレースホルダー SVG | レイアウトされたプレースホルダーの画像 |
| 低 | レスポンシブプレースホルダーの色 | レイアウトされたプレースホルダーの色 |
| 低 | LQIP クラウドジェネレーター | 低品質画像プレースホルダー設定 |
| 低 | LQIP 品質 | 低品質画像プレースホルダーの品質 |
| 低 | LQIP 最小寸法 | 低品質画像プレースホルダーのサイズ |
| 低 | バックグラウンドでの LQIP の生成 | 低品質画像プレースホルダーの自動生成 |
| 低 | Iframes 遅延読み込み | iframe（ビデオ埋込など）のLazy Load設定 |
| 低 | 不足しているサイズを追加する | 画像 遅延読み込みがONの場合 |
| 低 | インラインレイジーロードイメージライブラリ | 画像のLazy Loadをインラインに |
WordPressは、ネイティブで画像遅延読み込み（Lazy Load）に対応するようになりました。
そのため、基本的には画像 遅延読み込みをON（オン）する必要はありません。
その他にも、テーマやプラグインで同様の機能を持っていることがあるため、重複設定しないように注意しましょう。
ページの最適化 – 除外するメディア（重要度：低）
[除外するメディア]タブは、デフォルト設定のまま変更しません。
画像 遅延読み込みをON（オン）にしたときの除外設定です。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | 画像 遅延読み込みを除外 | ロゴやヘッダー画像を設定 |
| 低 | 画像遅延読み込みクラス名を除きます | 画像のLazy Loadをクラス名で除外 |
| 低 | 遅延読み込みの Image 親クラス名を除外する | 画像のLazy Loadを親クラス名で除外 |
| 低 | 遅延読み込みの iframe クラス名を除外する | iframeのLazy Loadをクラス名で除外 |
| 低 | 遅延読み込みの Iframe 親クラス名を除外する | iframeのLazy Loadを親クラス名で除外 |
| 低 | 遅延読み込み URI の除外 | Lazy LoadをURIで除外 |
| 低 | LQIP は除外 | 低品質画像プレースホルダーを除外 |
ページの最適化 – 地域・ローカリゼーション（重要度：低）
[地域]タブは、デフォルト設定のまま変更しません。
コメントが多いなら効果があるかもしれません。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 低 | Gravator キャッシュ | Gravatorのキャッシュ設定 |
| 低 | Gravator キャッシュ Cron | Gravatorの自動キャッシュ |
| 低 | Gravator キャッシュ TTL | Gravatorのキャッシュ期間 |
「Gravatar」は、WordPress（ワードプレス）のコメント欄で利用されるアバターサービスです。
自分のアバター画像を設定したい場合は、「Gravatar」に会員登録（ユーザー登録）する必要があります。
ページの最適化 – チューニング（重要度：低）
[チューニング]タブは、デフォルト設定のまま変更しません。
10) データベース – DB 最適化設定（重要度：中）
左メニューの[データベース]をクリックして、[DB最適化設定]タブを開きます。
リビジョンの最大数を10〜50程度に設定して[変更を保存]します。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 中 | リビジョンの最大数 | リビジョンの最大保存数 → 残したいなら10〜50程度で設定 |
| 低 | リビジョンの最大エイジ | リビジョンの最大保存日数 → リビジョン0になるため非推奨 |
11) データベース – 管理（重要度：高）
リビジョン削除は自動実行されないため、手動で実施する必要があります。
| 重要度 | 設定項目 | 説明 |
|---|---|---|
| 中 | すべてを消去 | すべての項目を消去 → まとめて実行 |
| 高 | 投稿のリビジョン | エディター（編集画面）が重くなる原因 → リビジョンだけでも実行 |
| 低 | 自動下書き | エディター（編集画面）が重くなる原因 |
| 低 | ゴミ箱内の投稿 | ゴミ箱を空に |
| 低 | スパムコメント | そもそもスパムを対策 |
| 低 | ゴミ箱内のコメント | ゴミ箱を空に |
| 低 | トラバック/ピンバック | [ディスカッション]設定 |
| 低 | 期限切れの Transients | 期限切れのDBキャッシュ |
| 低 | すべての Transients | すべてのDBキャッシュ |
| 低 | テーブルの最適化 | すべてを消去では実行されない |
スパムコメントの対策は、「XO Security」などのセキュリティプラグインがおすすめです。
トラバック/ピンバックは、[ディスカッション]設定で変更できます。
「LiteSpeed Cache」を導入していれば、DB最適化プラグイン「WP Revisions Control」「WP-Optimize」「Optimize Database after Deleting Revisions」などが不要になります。
機能が重複しないように、プラグインをアンインストールするか、LiteSpeed側で機能をOFFにしてください。
12) クローラー
クローラーにより、ユーザーがアクセスする前に、キャッシュや最適化を実行します。
サーバーに負荷がかかるため、サーバーによっては禁止されています。
利用できる場合は、[サイトマップ設定]タブから[カスタムサイトマップ]を設定して、[一般設定]タブから[クローラー]をON（オン）にします。
4) キャッシュを削除する方法
カスタマイズを行なった場合や不具合が発生した場合は、一度すべてをパージ（キャッシュクリア）することをおすすめします。
ツールボックス – パージ（重要度：高）
左メニューの[ツールボックス]をクリックして、[パージ]タブからパージを実行します。
もしくは、上部の管理バーのアイコンからパージを実行します。
この記事のまとめ
プラグイン「LiteSpeed Cache」のおすすめの初期設定を見てきました。
デザイン崩れやコンタクトフォームなどの動作確認を必ず行ってください。
表示速度の変化を確認したい場合は、再度「PageSpeed Insights」で計測してみましょう。
ただし、計測値と体感のスピードは違いますので、実際の挙動確認もお忘れなく。
なるほどくんページ切替が速くなりました。
suyaよい結果が出たら、ぜひ教えてください。
ColorfulBox（カラフルボックス） では、初回契約が50%になるプロモーションコードが配布されています。
キャンペーン情報は、以下のリンクからご確認ください。
＼ 30日間無料お試し／
＼ 操作手順丸わかり／
画面上部のお知らせ[PICK UP]をクリックします。
コメント