LiteSpeed キャッシュプラグインを使用して、WordPress を PageSpeed と GTmetrix で 100% 最適化する

WEBサイトの速度最適化は、WordPress SEO に直接影響するため、すべてのウェブサイト所有者にとって最優先事項です。さらに、ウェブサイトの読み込み時間が長くなるほど、直帰率が高くなります。これにより、コンバージョンを生成したり、サイトへのトラフィックを誘導したりできなくなる可能性があります。

適切なツールと構成を使用すれば、サイトをキャッシュすることでパフォーマンスを大幅に向上させることができます。このため、LiteSpeed Technologies の最高のキャッシュプラグインを使用してページスコアを最適化する方法を紹介します。

HostingerがLiteSpeed キャッシュプラグインをテストし、3 つの異なるWEBサイトの設定を構成しました。この記事では、最良の結果を得るために適用した構成について説明します。LiteSpeed Cache プラグインを使用して、WordPress を PageSpeed と GTmetrix で 100% 最適化する方法をご確認ください。

※

設定に入る前に、LiteSpeed キャッシュプラグインの概要を簡単に説明します。

LiteSpeed Cache ビデオチュートリアル

読むのに疲れましたか? LiteSpeed Cache プラグインチュートリアルを使用して、Web サイトの最適化と Web サイトの高速化について学びましょう。

LiteSpeed とは?

LiteSpeed は、Web サイトのパフォーマンスを高速化するように設計された Web サーバーソフトウェアです。イベント駆動型アーキテクチャで構築された LiteSpeed サーバーは、より少ないプロセスでより多くのトラフィックを処理できるため、リソースの使用量が減り、ページ速度が向上します。

LiteSpeed サーバーには、.htaccess サポートを備えた Apache 代替品も組み込まれているため、ユーザーは Apache から切り替えて既存の構成を使用できます。さらに、WHM、DirectAdmin、Plesk などのいくつかの一般的なホスティングコントロールパネルで動作します。

LiteSpeed Web サーバーには、次の 2 つのエディションがあります:

LiteSpeed Enterprise – 複数の Web サイトまたは共有ホスティング環境のホスティングに適しています。 .htaccess ファイルの変更を自動的に検出し、サーバーを再起動せずに設定を調整します。
OpenLiteSpeed – LiteSpeed Enterprise のオープンソースバージョンで、すべての必須機能を備えています。新しい .htaccess ファイルを読み込むたびに再起動が必要です。そのため、この Web サーバーは通常、個々の Web サイトに使用されます。

ページ速度とパフォーマンスを最適化する場合、LiteSpeed は LiteSpeed Cache と呼ばれる組み込みのサーバーレベルキャッシュを使用します。

LiteSpeed Cache は、Web ページ上の動的コンテンツを最適化する LiteSpeed Technologies の製品です。高度なキャッシュ機能と最適化機能を備えています。LiteSpeed Cache は、WordPress を含むいくつかのプラットフォームでプラグインとしても利用できます。

LiteSpeed Cache for WordPress (LSCWP) は、将来のリクエストに備えて Web サイトのコンテンツのコピーを保存することで機能します。その結果、サーバーが処理するリクエストが少なくなり、Web ページをより速く表示できます。

サーバーキャッシュを必要とする機能は LiteSpeed サーバーでのみ利用できることに注意してください。一方、最適化機能は OpenLiteSpeed、Nginx、Apache など、どの Web サーバーでも使用できます。これらの機能には、画像の最適化、CDN (コンテンツ配信ネットワーク) の統合、CSS/JS の変更が含まれます。

先に進む前に、LiteSpeed Cache を設定する前のテスト Web サイトのモバイルバージョンとデスクトップバージョンに Google PageSpeed Insights が与えたスコアを見てみましょう。

LiteSpeed Cache を設定する前のテスト Web サイトのモバイルバージョンとデスクトップバージョンの Google PageSpeed Insights によるランキング。

WordPress 用の LiteSpeed Cache を構成すると、両方のバージョンで満点のスコアが得られました。

LiteSpeed Cache を設定する前のテスト Web サイトのモバイルバージョンとデスクトップバージョンの Google PageSpeed Insights によるランキング。

OpenLiteSpeed、LiteSpeed Web Server、Nginx、Apache での LiteSpeed Cache プラグインのパフォーマンス

LSCache プラグインは LiteSpeed 環境外でも動作しますが、その機能は使用している Web サーバーによって異なります。したがって、結果とプロセスの測定も異なります。

このため、LiteSpeed Web Server、Nginx、Apache を比較する大規模および小規模のストレステストを実施しました。パフォーマンスの 3 つの指標 (完全処理時間、1 秒あたりのリクエスト数、1 秒あたりのメガバイト数) を示します。

重要! ストレステストは、米国にあるサーバーでリトアニアから実行されたとされています。

Apache、Nginx、OpenLiteSpeed、VPS 上の LiteSpeed Web Server、Hostinger Cloud LSWS のパフォーマンス比較。

※画像はHostingerより。

上記のように、LiteSpeed Web サーバーのスコアが最高でした。 LiteSpeed ウェブサーバーと WordPress 用 LiteSpeed Cache を組み合わせると、ウェブサイトのパフォーマンスが確実に最適化されます。

LiteSpeed Cache プラグインのインストール

幸いなことに、LiteSpeed Cache プラグインはすべての Hostinger アカウントにプリインストールされています。そのため、Hostinger ユーザーはプラグインのインストール手順をスキップできます。

ただし、別のWEBホストを使用している場合は、以下の手順に従って WordPress 用 LiteSpeed Cache をインストールしてください。

WordPress 管理ダッシュボードにログインし、プラグインセクションに移動します。
LiteSpeed Cache を検索をクリックし、[今すぐインストール] と [有効化] をクリックします。
ページを更新すると、ダッシュボードに LiteSpeed キャッシュセクションが表示されます。

WordPress プラグインをインストールしたら、設定する必要があります。次のセクションを読んで、WordPress サイトに最適な LiteSpeed キャッシュ設定を見つけてください。

WordPress プラグインの LiteSpeed キャッシュの最適な設定

これらの LiteSpeed キャッシュ設定は、共有ホスティングで稼働している 3 つの Web サイト (シンプルなブログサイト、e コマース Web サイト、オンラインポートフォリオ) でテストしました。

重要! GTmetrix でパフォーマンスをテストするときは、使用しているキャッシュプラグインに関係なく、数回実行してください。最初はキャッシュがヒットしなかったり読み込まれなかったりする可能性があるためです。また、新しい設定をテストする前に、必ずキャッシュを消去してください。

Hostinger WordPress ホスティングクライアントは、LiteSpeed 最適化プロファイルを使用して、ワンクリックで Web サイトのパフォーマンスを最適化できます。これらのプロファイルには、Web サイトのさまざまな側面を最適化するための設定が事前に構成されているため、手動で設定する手間が省けます。

この機能は、ライブ WordPress ウェブサイトを最適化するための LiteSpeed Cache プラグインでのみ機能することに注意してください。

WordPress のパフォーマンスを向上させるために LiteSpeed 最適化プロファイルを構成するには、次の手順に従ってください。

hPanel から WordPress → 概要に移動します。
コアセクションまで下にスクロールし、LiteSpeed オプションがオンになっていることを確認します。
3 つの最適化プロファイルのいずれかで [設定の変更] → [設定の適用] を選択します。
- 基本 ‒ 基本的な最適化を実装して、読み込み時間とユーザーエクスペリエンスを改善します。
- 詳細 ‒ すべてのウェブサイトタイプを最適化するための推奨プロファイル。
- アグレッシブ ‒ 最高のパフォーマンスを実現するために高度な最適化を実行します。
免責事項を読み、[適用] をクリックして確定します。
プロファイルオプションの下の構成変更ログセクションでは、新しい最適化プリセットへの各切り替えが追跡されます。必要に応じて [復元] をクリックして、LiteSpeed Cache 設定を以前の状態にリセットします。

または、次のチュートリアルをチェックして、LiteSpeed Cache プラグインを手動で設定してください。各設定には詳細な説明が含まれており、微調整が必要かどうかを判断するのに役立ちます。

1. 基本設定を完了する

基本設定を完了する手順に入る前に、3 つの Web サイトのパフォーマンステスト結果を比較してみましょう。

LiteSpeed - Cache プラグインのパフォーマンス — LiteSpeed – Cache プラグインのパフォーマンス
※はHostingerより

上のグラフは、LiteSpeed Cache プラグインを有効化して構成した後、Web サイトのパフォーマンスが大幅に向上したことを示しています。

このため、LiteSpeed Cache プラグインの機能と機能、および適用する最適な設定について、一般ページから順に説明します。

このページの最初のオプションは、自動アップグレードです。名前が示すように、このボタンをオンにすると、システムは LSCache プラグインの最新バージョンをインストールします。

自動更新をオンにするオプション。
次に、ドメインキー (API キーとも呼ばれます) を追加するフィールドがあります。これは、QUIC.cloud の機能やサービスを使用する場合に重要です。[ドメインキーのリクエスト] ボタンをクリックするだけです。

LiteSpeed Cache プラグインの API キーを入力するオプション。

次のセクションでは、QUIC.cloud の設定について詳しく説明します。次のセクションに進むと、ゲストモードが表示されます。

LiteSpeed Cache プラグインのゲストモード設定。

このオプションは、ゲストの初回リクエストに対して自動的にキャッシュ可能なランディングページを提供します。ゲストモードを有効にすると、サーバーは訪問者の情報を取得する必要がなくなり、代わりにデフォルトのキャッシュページを提供します。その結果、ページの読み込み時間が短縮されます。

キャッシュページが提供されると、サーバーは Ajax 呼び出しを行って、訪問者が要求した Web ページの適切なバージョンを取得します。ゲストモードを有効にするには、オンに切り替えるだけです。

ゲストモードを最適化するには、[ゲスト最適化] オプションを使用します。

LiteSpeed Cache プラグインのゲストモード最適化設定。
この設定を有効にすると、サーバーはデフォルトのキャッシュページを提供するだけでなく、これらの機能が無効になっている場合でも画像とページの最適化を実行します。

ただし、ゲストモードの最適化により WordPress ウェブサイトのリソースが一部消費される可能性があるため、この設定を有効にする前にホスティングプロバイダーに相談することをお勧めします。

その下には、サイトの IP アドレスを入力するためのサーバー IP フィールドがあります。IP アドレスを入力すると、クローラーがサーバーから直接リソースを取得できるようになり、サイトのパフォーマンスが向上します。

サーバーの IP アドレスを入力するフィールド。
ウェブサイトの IP アドレスに関する情報については、ホスティングプロバイダーにお問い合わせください。Hostinger ユーザーは、hPanel ダッシュボードにアクセスし、[ホスティング] -> [管理] -> [詳細] に移動できます。

さらに下には、[通知] 設定があります。これを有効にすると、プロモーションや新しいリリースなど、LSCache プラグインの開発に関する最新情報を取得できます。

LSCache 通知をオンにするオプション。
なれ

設定を構成した後は、必ず変更を保存してください。

2. キャッシュ設定の調整

LiteSpeed Cache 設定ページには、LiteSpeed Web サーバーまたは QUIC.cloud CDN に主に適用される機能が含まれています。LiteSpeed Cache 設定ページには複数の機能があります。このセクションでは、最適なアプローチを選択できるように、すべてのキャッシュ機能について説明します。

キャッシュを有効にする – オン。これをオンにすると、システムは WordPress サイトを自動的にキャッシュします。この機能をオフにしてもサイトのコンテンツには影響しませんが、キャッシュされたファイルはすべて削除されます。読み込み時間を短縮するには、デフォルト設定のままにしておくことをお勧めします。
- LSCache プラグインでキャッシュを有効にするオプション。
ログインしたユーザーをキャッシュする – オフ。この設定では、ログインしているユーザーの Web ページが自動的にキャッシュされます。ただし、この設定を有効にすると、サーバーのリソースが消費されます。メンバーシップ Web サイトを運営していない限り、このオプションは無効にしておくことをお勧めします。
- ログインしているユーザーのキャッシュをオンにするオプション。
コメント投稿者をキャッシュする – オフ。この関数の出力は、コメントモデレーション設定によって異なります。コメント投稿者のキャッシュとモデレーション設定の両方が有効になっている場合、ユーザーはコメントをすぐには表示しません。逆に、コメント投稿者のキャッシュ機能が無効になっている場合、ユーザーは保留中のコメントを表示します。
- 保留中のコメント投稿者のキャッシュを有効にするオプション。
REST API のキャッシュ – オン。これにより、WordPress REST API 呼び出しからのリクエストをキャッシュできます。これらの呼び出しは通常、テーマ、プラグイン、ブロックエディターなど、WordPress に統合されたサードパーティの Web アプリケーションによって行われます。
- WordPress REST API 呼び出しのキャッシュを有効にするオプション。
ログインページのキャッシュ – オン。ログインページのキャッシュバージョンを提供します。訪問者がページにアクセスするたびに WordPress サイトの読み込みが速くなるため、これを有効のままにしておくことをお勧めします。
- ログインページのキャッシュを有効にするオプション。
favicon.ico のキャッシュ – オン。この機能を有効にしておくと、不要な PHP 呼び出しを回避し、サーバーの応答を高速化できます。そうでない場合、システムは favicon.ico ファイルを探し、WordPress PHP バックエンドを強制的に実行し、WordPress ウェブサイトの速度が低下します。
- favicon.ico のキャッシュをオンにするオプション。
PHP リソースのキャッシュ – オン。この機能は、WordPress テーマによって生成された CSS および JS ファイルを含む静的要素をキャッシュします。パフォーマンスを高速化し、不要な PHP スクリプトを回避するには、設定を有効にしてください。
- PHP リソースのキャッシュをオンにするオプション。
モバイルのキャッシュ – オン。デスクトップとモバイルデバイスで異なるキャッシュコンテンツを提供できます。WordPress サイトの AMP (Accelerated Mobile Pages) バージョンがない限り、このオプションはオフにしておくことをお勧めします。
- モバイルユーザーに提供されるさまざまなコンテンツをキャッシュするオプション。
モバイルユーザーエージェントのリスト。この設定は、キャッシュモバイル機能をオンにした場合にのみ使用できます。書き換えルールに適した形式でモバイルユーザーエージェントのリストを追加できます。たとえば、各ユーザーエージェントを 1 行に記述できます。
- さまざまなモバイルユーザーエージェントのルールを追加するオプション。
プライベートキャッシュ URI。プライベートにキャッシュされるパスが含まれます。ただし、この機能は、プライベートキャッシュ URI も処理するログインユーザーのキャッシュオプションに似ています。ユーザー関連ではない特定のページをプライベートにキャッシュする場合を除き、フィールドは空のままにしておきます。
- プライベートにキャッシュされる URI を設定する設定。
URI のキャッシュを強制。システムは、キャッシュ不可能な設定に関係なく、指定されたフィールドに書き込まれたすべてのパスを強制的にキャッシュします。通常、ほとんどのページでキャッシュを強制する必要はないため、この機能について心配する必要はありません。
選択した URI を強制的にキャッシュするオプション。
パブリックキャッシュ URI を強制。設定に関係なく、特定のコンテンツタイプをパブリックとしてキャッシュするように強制します。
- 選択した URI のパブリックキャッシュを強制するオプション。
クエリ文字列を削除。フィールドに追加されたクエリ文字列を無視し、Web サイトの読み込み時間を短縮します。デフォルト設定には、最も一般的に生成される文字列の一部がすでにリストされています。ただし、必要に応じていつでもクエリ文字列を追加できます。
- キャッシュ時に特定のクエリ文字列を無視するオプション。
全体として、LSCache プラグインは、ほとんどの WordPress ウェブサイトに適したデフォルト設定を適用します。とはいえ、必要に応じて調整することをお勧めします。

LiteSpeed Cache 設定ページに加えて、利用可能な他のセクションとその主な機能について簡単に概説しましょう。

TTL (Time To Live) – この機能は、特定のコンテンツタイプがキャッシュに保存される期間を制御します。デフォルト設定で問題なく動作するはずですが、必要に応じて数値を減らしたり増やしたりできます。
Purge – キャッシュから特定のコンテンツタイプを削除するためのすべての設定を提供します。すべてのアップグレードで purge を有効にして、システムが更新が利用可能になるたびに古い WordPress キャッシュをクリアできるようにすることをお勧めします。十分なリソースがある場合は、パフォーマンスを向上させるために server stale を有効にしてください。
Excludes – キャッシュから除外するコンテンツタイプを指定するのに役立ちます。サイト URI やクエリ文字列。文字列を適切に入力すると、システムはキャッシュされなくなります。
ESI (Edge Side Includes) – ウェブサイトページの特定の部分をフラグメントに分割します。これらの部分をパブリックキャッシュまたはプライベートキャッシュに保存することを選択できます。有効にすると、システムはページを再構成してからブラウザに提供します。
オブジェクト – 動的ウェブアプリケーションのデータベース負荷を軽減します。LiteSpeed オブジェクトキャッシュシステムは、データベースクエリ結果を保存し、キャッシュから情報を取得するため、再読み込みは行われません。

プロのヒント
Hostinger は、選択したプランでオブジェクトキャッシュ機能を提供しています。hPanel ダッシュボードのコアセクションにあります。LiteSpeed を有効にした後、オブジェクトキャッシュの横にあるトグルボタンをクリックして、Memcached 構成を有効にします。

ブラウザ – ブラウザキャッシュを有効にすると、システムは WordPress サイトの動的コンテンツをユーザーのブラウザキャッシュに自動的に保存できます。サーバーはブラウザリクエストをより少なく処理し、ページをより効率的に提供します。
詳細 – このタブの設定は、上級ユーザー向けです。ここで、HTTP/HTTPS 機能を有効にして、ログイン Cookie との競合を回避できます。さらに、インスタントクリック機能を使用すると、訪問者がマウスをホバーするとすぐにバックグラウンドで Web ページを読み込むことができます。

3. ページと画像の最適化オプションを調整する

LiteSpeed Cache プラグインには、画像や Web ページなど、WordPress サイトの動的コンテンツ用の Web サイト最適化ツールが含まれています。これらの設定は Web サイトの SEO に影響を与える可能性があるため、時間をかけて構成することが重要です。

このセクションでは、各最適化タブの各機能と設定について説明します。

画像の最適化

訪問者が WordPress サイトにアクセスするたびに、ブラウザーはリソースを要求し、画像を表示する前にダウンロードします。そのため、最適化されていない画像の読み込み、サイズ変更、レンダリングにはブラウザーの時間がかかります。

幸いなことに、LiteSpeed Cache プラグインは、画像を個別に、またはサイズ変更して一括で最適化できます。

警告! LiteSpeed Cache プラグインを使用している間は、別の最適化プラグインを使用しない。システムエラーや処理エラーが発生する可能性があります。

画像最適化ページに入ると、[画像最適化の概要] タブが表示されます。このタブでは、サイズの削減やウェブサイトから取得された画像の総数など、複数の指標を監視します。

LSCache for WordPress プラグインの [画像最適化の概要] タブ。

さらに、次のような他の機能も利用できます。

画像データの収集 – 新しい写真をアップロードした後に利用できます。完了すると、[最適化リクエストの送信] ボタンが表示され、画像を LiteSpeed クラウドサーバーに送信できるようになります。

重要! この機能は、ドメインキーを追加し、QUIC.Cloud CDN をアクティブ化した後にのみ利用できます。

画像の取得 – 最適化された画像をクラウドから WordPress サイトに取得します。
未完了のデータのクリーンアップ – 最適化プロセスが停止したときに、未完了のプロセスを消去して再開します。
バックアップディスク領域の計算 – バックアップファイルに使用可能なディスク領域をカウントします。
元の画像バックアップの削除 – 元の画像のバックアップを削除して、ディスク領域を解放します。この機能を選択する前に、バックアップをローカルコンピューターにダウンロードすることをお勧めします。すべてのバックアップを削除すると、最適化設定を元に戻すことはできません。
新しいサムネイルを再スキャン – ウェブサイトに新しく追加された画像をスキャンし、最適化リクエストをシステムに送信します。
元のファイルの使用と最適化されたファイルの使用 – ウェブサイト上の最適化されていない画像と最適化された画像を切り替えるオプションを提供します。
すべての最適化データを破棄 – すべてのデータを削除し、すべての設定を元の値に戻します。

では、次のタブに進み、WordPress ウェブサイトに最適な最適化設定を適用しましょう。画像最適化設定をクリックするだけで、調整できる複数の機能が表示されます。

自動リクエスト Cron – オン。この機能は、新しい画像がアップロードされるたびに、WordPress cron ジョブを介して最適化リクエストを自動的に送信します。
自動プル Cron – オン。前の機能と連携して動作します。したがって、両方の機能を有効にする必要があります。そうしないと、プル画像ボタンを使用して、新しくアップロードされたすべての画像を送信する必要があります。
元の画像の最適化 – オン。この機能は常にオンにしておいてください。.png および .jpg 画像を最適化し、バックアップファイルを生成します。画像を最適化したくない場合にのみ無効にしてください。
元のバックアップを削除 – オフ。この機能は元に戻せないことに注意してください。有効にすると、すべてのバックアップが消去され、最適化設定を元に戻せなくなります。
ロスレスで最適化 – オン。ロスレス圧縮を使用して画像を最適化します。
EXIF/XMP データを保持 – オフ。この設定はデフォルトで有効になっています。ただし、EXIF/XMP データを保持すると、最適化された画像のサイズが大きくなる可能性があります。したがって、この機能は無効にすることをお勧めします。
WebP バージョンを作成 – オン。この機能をオンにすると、画像の .webp ファイルが生成されます。これにより、最大 30% のサイズ削減により、ウェブサイトの読み込み時間が短縮されます。
画像の WebP 置換 – オン。前の設定を有効にしている場合は、このオプションもオンにしてください。.jpg および .png 画像を .webp ファイルに置き換えます。
置換する WebP 属性。.webp に置き換える画像形式を制御します。ボックス内に 1 行につき 1 つの画像属性を入力するだけです。
追加の srcset 用 WebP – オン。srcset 要素を含むカスタムコードを .webp バージョンとして提供します。
WordPress 画像品質管理。デフォルトの画像品質で十分です。必要に応じて設定を微調整できますが、値は 100 未満に抑えることを忘れないでください。

ページの最適化

画像の最適化設定を行ったら、次のステップはページ最適化機能の調整です。これを行わないと、読み込み時間が遅くなり、ページスコアが悪くなる可能性があります。

幸いなことに、ページの最適化に関しては、LiteSpeed Cache プラグインは WordPress サイトのパフォーマンスを向上させるための複数のオプションを提供します。このページには、HTML、CSS、および JS ファイルを最適化するための最も重要な設定が含まれています。

WordPress の LSCache のページ最適化設定。
ページ最適化ページにはいくつかのセクションがあります。それぞれの機能について概説します。

CSS 設定

CSS の縮小 – オン。この設定は、余分な空白や改行文字などの不要な要素を CSS ファイルから削除します。
CSS の結合 – オフ。これを有効にすると、システムはすべての個別の CSS ファイルを 1 つの CSS ファイルに結合します。ただし、この機能はリソースを消費する可能性があるため、余分なスペースがない限り、無効にすることをお勧めします。
UCSS の生成 – オフ。この設定は、CSS 結合機能と連携して機能します。したがって、前の機能を無効にする場合は、この設定もオフにしておく必要があります。
UCSS インライン – オフ。UCSS を HTML にインラインで保存することで、余分な CSS ファイルの読み込みを減らします。この機能は CSS 結合とも連携して機能するため、前の設定をオンにした場合にのみ有効にしてください。また、これを有効にすると、CSS を非同期に読み込むオプションがバイパスされます。
CSS 外部およびインラインの結合 – オフ。このオプションは、外部 CSS ファイルを HTML インライン要素で見つかったものと結合するのに役立ちます。エラーを回避するには、CSS 結合でこのオプションを有効にしてください。
CSS を非同期に読み込む – オフ。このオプションをオンにすると、CSS と HTML 要素を同時に読み込むことができます。ただし、フォーマットなしで読み込まれる場合があります。その結果、レイアウトがずれたり、スタイルが設定されていないコンテンツがフラッシュ (FOUC) されたりする可能性があります。
URL ごとの CCSS – オフ。この機能をオフにすると、個々のページではなく、すべての投稿タイプに対して重要な CSS が生成されます。これにより、CCSS クォータとディスク領域が節約されます。
インライン CSS 非同期ライブラリ – オン。このオプションは、非同期 CSS ライブラリをインライン化することでレンダリングブロックを回避します。
フォント表示の最適化。この設定を変更すると FOUC の問題が発生する可能性があるため、デフォルト値のままにしてください。

JS 設定

JS 縮小 – オン。JS の最適化のために不要なスクリプトを削除します。
JS 結合 – オフ。すべての個別の JS ファイルを 1 つのファイルにコンパイルします。
JS 外部およびインライン結合 – オフ。この機能は、CSS 外部およびインライン結合オプションと同様に機能します。前の機能もオンにしている場合にのみ、これを有効にしてください。
JS 遅延読み込み – 状況によって異なります。このオプションを調整する前に、結果が異なる可能性があるため、テストを行ってください。遅延を選択した場合、システムは HTML の直後に JS を読み込みます。一方、遅延オプションは、システムがユーザーアクティビティを検出した場合にのみ開始されます。

HTML 設定

HTML 縮小 – オン。HTML コード内の不要な文字を消去します。
DNS プリフェッチ。訪問者がリクエストする前に、リストされているドメインの DNS 解決を実行し、ページの読み込み時間を短縮します。これは、AdSense や Facebook などの外部リンクを読み込む場合に便利です。
DNS プリフェッチ制御 – オン。前の設定でリンクを追加すると、この機能は、CSS、JavaScript、画像を含む投稿やページ内のすべての URL とともに、リストされている DNS を自動的にプリフェッチします。
HTML 遅延読み込みセレクター。指定されたフィールドに 1 行につき 1 つ追加して、遅延読み込みするクラスまたは ID を指定します。
クエリ文字列の削除 – オフ。このオプションは通常、Web サイトのパフォーマンスに直接影響しないため、オフのままで問題ありません。
Google フォントを非同期で読み込む – オフ。他の CSS 要素はそのままにして、Google フォントを非同期で読み込みます。ただし、ほとんどの Google フォントは訪問者のブラウザに既にキャッシュされているため、このオプションを無効にすることをお勧めします。
Google フォントの削除 – オン。フォントをローカルに保存し、サードパーティのフォントを WordPress サイトに読み込ませたくない場合にのみ、この設定を有効にしてください。
WordPress 絵文字の削除 – オン。この機能を有効にすると、システムは WordPress.org 絵文字をロードせず、代わりにデフォルトの絵文字をロードします。
Noscript タグの削除 – オフ。このオプションをオンにしておくと、古いバージョンを含むすべてのブラウザとの互換性が確保されます。

メディア設定

画像の遅延読み込み – オン。このオプションにより、システムはウェブサイト上の画像を遅延読み込みできます。これを行うと読み込み時間が短縮されますが、ユーザーエクスペリエンスに影響する可能性があります。
基本画像プレースホルダー。遅延読み込みを有効にすると、灰色の画像プレースホルダーが表示されます。ただし、画像の base64 を定義してフィールドに追加することでカスタマイズすることもできます。画像の base64 を調べるには、オンラインツールを使用します。
レスポンシブプレースホルダー – オン。このオプションにより、画像プレースホルダーが画像のサイズに合うようになり、レイアウトの再配置が減ります。
レスポンシブプレースホルダー SVG。プレースホルダー画像として使用する SVG ファイルを指定します。システムによって自動的に base64 プレースホルダーに変換されます。
レスポンシブプレースホルダーの色。デフォルト値で問題ありません。または、カラーピッカーを移動して色をカスタマイズします。
LQIP クラウドジェネレーター – オフ。これを有効にすると、読み込み時に画像のぼやけたバージョンを表示する低品質の画像プレースホルダーが生成されます。プレースホルダーとして単色を使用する場合は、この設定をオフのままにしてください。
LQIP 品質。 LQIP の品質を定義します。値の範囲は 1 ～ 20 で、値が高いほど解像度が高くなります。ただし、値を大きくすると読み込み時間が長くなる可能性があります。
LQIP の最小寸法。LQIP は、設定で指定した寸法と同じ画像にのみ表示されます。高さと幅が小さい画像には読み込まれません。
バックグラウンドで LQIP を生成 – オン。これをオンにすると、システムは cron ベースのキューを介してバックグラウンドで LQIP を読み込むことができます。これをオフにすると、読み込み時間が長くなる可能性があります。
フレームの遅延読み込み – オン。画像の遅延読み込みと同様に機能します。この機能は、マップやビデオなどのフレームの遅延読み込みに役立ちます。
不足しているサイズの追加 – オン。画像の幅と高さを定義し、LiteSpeed Cache プラグインが不足している画像寸法を自動的に追加できるようにします。この設定は、画像の遅延読み込みがオンの場合にのみ機能します。
インライン画像ライブラリの遅延読み込み – オン。これをオンにすると、ページスコアが向上します。

メディア除外

これらの設定により、特定の画像が遅延読み込みから除外されます。ロゴや背景画像などのスクロールせずに見える画像を除外すると、ユーザーエクスペリエンスが向上します。これは、それらの要素をページの残りの部分よりも先に読み込む必要があるためです。

メディアを遅延読み込みから除外するには、指定されたフィールドに情報を入力するだけです。たとえば、クラスと親クラス名で画像を除外します。

ローカリゼーション

Gravatar キャッシュ – オン。これにより、システムは Gravatar をローカルに保存できます。これは、Gravatar を含むコメントが多い WordPress ウェブサイトに最適です。
Gravatar キャッシュ Cron – オン。前のオプションを有効にしている場合は、このオプションも有効にして、Cron ジョブで Gravatar キャッシュを更新する必要があります。
Gravatar キャッシュ TTL。Gravatar がキャッシュされる期間を定義します。デフォルト値で問題ありません。ただし、3600 秒を超える限り、この値をカスタマイズできます。

チューニング

このセクションのすべての設定は、CSS、JS、URL などの特定の要素が縮小および結合されないようにするものです。

通常、CSS/JS を縮小または結合した後にソースコードに異常なファイルが見つからない限り、これらの設定をそれほど調整する必要はありません。そのような場合は、提供されたフィールド内にファイルを適宜リストできます。

WordPress の LSCache のチューニング設定。

設定の構成が完了したら、必ず [変更を保存] をクリックしてください。

4. QUIC.cloud CDN を設定する (オプション)

QUIC.cloud は、LiteSpeed Technologies のコンテンツ配信ネットワークで、動的キャッシュを提供します。この CDN は、世界中のサーバーを使用して Web サイトのコンテンツをキャッシュします。訪問者がリクエストを行うたびに、サーバーは最も近いサーバーの場所からリソースを取得します。

QUIC.cloud CDN を LiteSpeed Cache のキャッシュ機能と組み合わせると、ページ速度が大幅に向上します。このセクションでは、このコンテンツ配信ネットワークを有効にする手順について説明します。

これを行うには、まず WordPress 用に Cloudflare を設定します。これにより、すべての Web サイトコンテンツが最適にキャッシュされます。QUIC.cloud CDN はすべての動的ページをキャッシュし、Cloudflare CDN は静的コンテンツを処理します。

サーバー上に Cloudflare を設定したら、次のステップはドメインキーを取得することです。[一般] ページに移動し、[ドメインキーのリクエスト] ボタンをクリックします。

LSCache プラグインにドメインキーを追加します。

次に、システムがリクエストを処理するのを待ちます。

WordPress によって処理されているドメインキー。

WordPress 管理ページを更新します。プロセスが完了すると、システムによってドメインキーが自動入力されます。次に、[QUIC.cloud へのリンク] ボタンをクリックします。

QUIC.cloud セットアップへのリンクをクリックします。

これで登録ページが表示されます。それに応じてすべての情報を入力して続行します。

WordPress 用に LSCache に QUIC.cloud を設定します。
QUIC.cloud アカウントをまだお持ちでない場合は、新規登録してください。完了すると、システムから登録したアドレスに確認メールが送信されます。メールを開いて、添付のリンクをクリックします。

QUIC.cloud のセットアップが成功したことを示すメッセージ。

混乱している場合は上記の手順で、WordPress Web サイトと QUIC.cloud CDN のペアリングが完了しました。次に、[マイダッシュボード] ボタンをクリックして戻ります。

登録プロセスは完了しましたが、DNS 設定を適切に構成する必要があります。これを行うには、[CDN] セクションに移動して、[QUIC.cloud] オプションを探します。

LSCache for WordPress で QUIC.cloud CDN をオンにします。

これをオンにすると、QUIC.cloud CDN API 機能が有効になります。

次に、Cloudflare の詳細を使用して QUIC.cloud を構成します。これを行う前に、Cloudflare ダッシュボードにアクセスして、グローバル API キーを取得します。

WordPress Cloudflare テンプレートを選択します。

これで情報が揃ったので、それに応じてフィールドに入力します。

LSCache for WordPress で Cloudflare を設定します。

完了したら、[変更を保存] をクリックします。

プロのヒント

Cloudflare が LS Cache プラグインに接続されている場合は、hPanel の [キャッシュをフラッシュ] ボタンを使用して、Litespeed、Cloudflare、およびサーバー側のキャッシュを 1 回のクリックで消去できます。

5. CDN 経由で静的コンテンツを取得する (オプション)

CDN 経由で静的コンテンツを取得すると、ネットワークのレイテンシを短縮できます。これは、CDN が最もリクエストの多いリソースをグローバルキャッシュサーバーに複製するためです。訪問者がそれらのリソースにアクセスするたびに、最も近いサーバーがリソースを配信します。

CDN から静的コンテンツを取得するには、リソースを配信するサブドメイン (例: cdn.your-website.com) を作成する必要があります。このサブドメインは、プライマリドメインと同じフォルダーに配置する必要があります。

さらに、CDN サブドメインが正常に機能していることを確認することが非常に重要です。そうでない場合、静的リソースが読み込まれず、Web サイトが壊れる可能性があります。

サブドメインが適切に動作していることが確実な場合は、新しく作成したサブドメインの [CDN マッピングの使用] オプションを有効にします。

新しく作成したサブドメインの CDN マッピングを設定します。

LiteSpeed Cache プラグインの設定が完了したので、次のグラフを見てみましょう。

LiteSpeed - ブログ、e コマース、ポートフォリオ — LiteSpeed – ブログ、e コマース、ポートフォリオ
※画像はhostingerより

これらは、適切な LiteSpeed 構成設定を適用する前と適用した後の、テストした 3 つの Web サイトのパフォーマンスを示しています。

画像とページの最適化を適用する前、ポートフォリオ Web サイトは PageSpeed モバイルカテゴリでわずか 45 ポイントしか獲得していませんでした。最適化後は、スコアが 100 に急上昇しました。一方、同じ変更により、e コマースストアのスコアは 53 ポイントから 99 ポイントに向上しました。

GTMetrix のパフォーマンスに関しては、ブログサイトのスコアが 84 から 100 に向上しました。

重要!ブログ、eコマースストア、ポートフォリオサイトなど、すべてのウェブサイトで、LSCache for WordPress をオンにして画像とページの最適化を適用した後、より良い結果が示されました。

LiteSpeed で他に何ができますか?

LiteSpeed Cache for WordPress プラグインのすべての設定を構成すると、システムは適切に機能するはずです。したがって、それ以上のキャッシュ管理はほとんど必要ありません。ただし、LiteSpeed には、必要に応じて調整できる機能がさらに用意されています。

次のセクションでは、LiteSpeed のデータベース最適化、クローラー、およびウェブサイトのパフォーマンスをさらに向上させるのに役立つツールボックスについて説明します。

データベース最適化

データベースセクションには、WordPress データベースでさまざまなタスクをより便利に実行するための機能が用意されています。これには、古い投稿のリビジョンをクリアしたり、1 回のクリックでピンバックをゴミ箱に捨てたりすることが含まれます。

LSCache のデータベースセクション。

さらに、DB 最適化設定では、クリアする投稿のリビジョンの数を制御し、プロセスを自動化します。

LSCache のデータベース最適化機能。たとえば、各投稿の古いリビジョンを 2 つ保存する場合は、リビジョン最大数の値を 2 に変更します。一方、古い投稿リビジョンを特定の期間保持するには、リビジョン最大期間を変更します。

クローラー

LSCache プラグインには、Web サイトのバックエンドを参照し、期限切れのページを検索してその過程で更新するクローラー機能が含まれています。これにより、訪問者がキャッシュされていないページを表示できなくなります。

LSCache のクローラー cron ジョブ設定ページ

この機能はデフォルトで無効になっており、サーバー側から有効にする必要があります。サーバー管理者またはホスティングプロバイダーに相談する必要があります。これは、十分なサーバーリソースがない状態でクローラー機能をアクティブ化すると、サイトのパフォーマンスに悪影響を与える可能性があるためです。

重要! クローラー機能は、Hostinger クラウドホスティングプランでのみ利用できます。

ツールボックス

LiteSpeed Cache ツールボックスセクションを使用して、キャッシュ設定を手動で構成します。403 エラーページの消去から .htaccess ファイルへのパスの編集まで、より具体的なキャッシュ機能が提供されます。

LSCache のツールボックス。

[パージ] タブには簡単な機能が含まれていますが、[.htaccess の編集] や

ハートビートなどの他のタブは上級ユーザー向けです。したがって、これらの設定はデフォルト値のままにするか、変更する前にウェブホストに相談することをお勧めします。

詳細については、各セクションの機能について詳しく説明しましょう。

[パージ]。このタブには、選択的にパージできるさまざまなコンテンツタイプが一覧表示されます。これらの機能は、キャッシュされているファイルに変更を加える場合に特に役立ちます。この方法では、選択したコンテンツだけが保存されます。ted ファイルは消去されますが、他のコンテンツには影響しません。
インポート/エクスポート。さまざまな LiteSpeed 構成をエクスポートまたはインポートするためのツールが含まれています。これらのツールは、サイトで実験していて、後で以前の構成を復元したい場合に便利です。さらに、サイト構成をローカルファイルに転送して、別の Web サイトで使用することもできます。
.htaccess の表示。このタブ内の利用可能なツールを使用して、FTP または SSH クライアントを構成することなく、.htaccess ファイルを直接編集します。.htaccess ファイルを変更すると、サイトが壊れる可能性があることに注意してください。不明な場合は、変更を行う前に必ず Web ホストに問い合わせてください。
ハートビート。WordPress ハートビート API を使用すると、ブラウザは AJAX 呼び出しを使用してサーバーと通信できます。この機能を使用すると、サーバーの負荷を管理できます。ただし、WordPress ハートビート間隔を調整するときは、CPU パワーを大量に消費する可能性があるため注意してください。
レポート。 LiteSpeed Cache プラグインで問題が発生した場合は、このタブの [LiteSpeed に送信] ボタンを押してレポートを送信できます。その後、システムから環境レポートのコピーが LiteSpeed チームに送信されます。
デバッグ設定。LiteSpeed Cache プラグインを無効にして Web サイトをデバッグする場合は、このタブで利用可能なツールを適宜使用してください。

結論

Web キャッシュは、Web サイトのパフォーマンスを向上させる最も効果的で効率的な方法の 1 つです。正しく実装すると、読み込み時間が短縮され、サーバーの負荷が軽減されます。Web キャッシュを設定する最も簡単な方法は、キャッシュプラグインをインストールすることです。

LiteSpeed Cache は、高度なキャッシュ技術を備えた最高の WordPress プラグインの 1 つです。さらに、LiteSpeed サーバーと組み合わせると、サーバーレベルのページキャッシュによってパフォーマンスが効果的に向上します。

この記事では、WordPress 用の LiteSpeed Cache を構成するための最適な設定について説明しました。最適な設定を適用するとパフォーマンスが最適化されますが、デフォルト設定を微調整することに抵抗がある場合は、調整する必要はありません。

この記事が WordPress 用の LiteSpeed Cache の設定と最大限に活用するのに役立つことを願っています。ご質問がある場合は、下のコメントセクションにお気軽にお寄せください。

LiteSpeed キャッシュに関する FAQ

LiteSpeed キャッシュを使用するべきですか?

豊富な設定、優れたレビュー、高速なサーバーレベルのキャッシュを備えたプラグインを探している場合、LiteSpeed Cache はキャッシュプラグインとして最適な選択肢です。

LiteSpeed キャッシュは無料ですか?

はい、LiteSpeed キャッシュは無料で使用できますが、キャッシュのメリットを享受できるのは、Web サイトのサーバーでも LiteSpeed が使用されている場合のみです。

参考ページ：Hostingerのページより