メインコンテンツにスキップ

WP Speed of Light ：速度の最適化

1. 速度の最適化を有効にする

「速度の最適化」セクションでは、WordPress を高速化するツールを設定します。 メニューWP Speed of Light > 速度の最適化 > スピードアップ

  • キャッシュ システムを有効にする:共通のページ要素とデータベース クエリをプリロードすることで Web サイトを高速化します。

キャッシュを手動で追加するにはどうすればよいですか?

まず、サーバー上のファイルを編集できない場合は、 「wp-config.php」ファイルに書き込み権限を設定する必要があります。 FTP に移動し、右クリックして [ファイルのアクセス許可]。 ここから権限を設定できます。

 

set-file-permission

 

「define（'WP_CACHE'、true）;」を追加する必要があります 「wp-config.php」ファイルの上にあり

 

キャッシュwp構成の追加

 

WP Speed of Light > [速度の最適化] > [スピードアップ]に移動し、 [キャッシュ システムのアクティブ化]オプションをアクティブにします。

 

activate-cache-option

 

  • Clean each : x 分ごとに保存されたキャッシュを自動的にクリーンアップし、新しいバージョンを即座に生成します

  • デスクトップ/タブレット/モバイルのキャッシュ:デフォルトでデスクトップのキャッシュをすべてのデバイスに提供します。 デバイスごとに特定のキャッシュを選択するもう 1 つのオプションは、テーマ フレームワークがデバイスごとに特定のファイルを生成する場合にのみ使用する必要があります。

  • 期限切れヘッダーを追加する:サーバーから特定のファイルを要求するか、ブラウザーのキャッシュからファイルを取得するかをブラウザーに指示します。

  • 外部スクリプトをキャッシュする: Google から提供されるスクリプトなどの外部リソースをキャッシュします。 警告: アクティブ化の前後でパフォーマンスを必ず監視してください。場合によっては、アクティブ化時にパフォーマンスの低下が発生する可能性があります。

  • 次のページは決してキャッシュしないでください:キャッシュから除外するページの URL を追加します (1 行に 1 つの URL)

www.website.com/blog*のようなルールを使用して、一連の URL をキャッシュから除外できます。

 

速度最適化

 

プロアドオンのみ 

  • 保存時のクリーンアップ：投稿、ページなどのWordPressコンテンツを保存するときに、キャッシュを自動的にクリーンアップします...

  • 画像のlazy loading:ユーザーによって表示されている画像のみを読み込みます (スクロール時)

  • iframe とビデオのlazy loading:すべての iframe と HTML5 ビデオを遅延ロードします。

画像のlazy loading有効にする場合 オプションを選択すると、以下にいくつかのオプションが表示されます。

  • (幅 px) 未満の画像を除外:この幅のピクセル値より小さい画像をすべてlazy loadingから除外します 小さなアイコンやロゴを除外するのに便利です

  • (高さ px) より小さい画像を除外する:このピクセル値よりも小さい高さを持つすべての画像lazy loadingから除外します 小さなアイコンやロゴを除外するのに便利です

  • 画像lazy loading除外: www.website.com/news* のようなルール、または画像のクラス、ID、位置を使用して、一連の URL を除外します。

 

画像の遅延読み込み

 

2.WordPressタブ

  • クエリ文字列の削除：ヘッダー内のCSSやJSファイルなどの静的リソースからクエリ文字列を削除して、Pingdom、GTmetrix、PageSpeed、YSlowなどのサービスのスコアを向上させます

  • REST API を無効にする: WordPress REST API (開発者が使用する、GET リクエストを使用してデータを取得する API) を無効にします。

  • RSS フィードを無効にする: WordPress RSS フィードを無効にします。 RSS フィードを使用すると、ユーザーは RSS フィード リーダーを使用してブログ投稿を購読できます。

 

プロアドオンのみ

  • 絵文字を削除する:デフォルトでは、絵文字はサイトのすべてのページに読み込まれます。 使用しない場合は、これは単に不要です

  • Gravatars を無効にする: Gravatars アバターを無効にし、メディアのローカル アバターのみを使用します。

 

ワードプレスタブ

 

3. グループ化と縮小

縮小とは、ブラウザによるリソースの処理方法に影響を与えずに、不要なデータや冗長なデータを削除するプロセスを指します。 例：コードのコメントとフォーマット、未使用のコードの削除、短い変数名と関数名の使用など。

注:一部のオプションは、プラグイン PRO ADDON でのみ使用できます。 慎重に使用し、Web サイトをテストしてください。競合が発生する可能性があります。

  • HTML 縮小:プラグインによって提供される HTML キャッシュ ファイルを縮小します。

  • CSS 縮小:プラグインによって提供される CSS ファイルを縮小します。

  • JS 縮小:プラグインによって提供される JS ファイルを縮小します。

  • グループ CSS:複数の CSS ファイルを 1 つのファイルにグループ化すると、HTTP リクエストの数が最小限に抑えられます。

  • グループ JS:複数の JS ファイルを 1 つのファイルにグループ化すると、HTTP リクエストの数が最小限に抑えられます。

 

プロアドオンのみ

  • フォントと Google フォントをグループ化:ローカル フォントと Google フォントを 1 つのファイルにグループ化して、より速く提供できるようにします。
  • JSの延期：ページの読み込みの最後にJSファイルを呼び出して、レンダリングをブロックする要素を排除します
  • CSSの延期：ページの読み込みの最後にCSSファイルを呼び出して、レンダリングのブロック要素を排除します

「CSS の延期」場合、 「CSS の延期からファイルを除外する」フィールドが表示されます。 次に、CSS ファイルへの各パスを 1 行に入力して、遅延 CSS からファイルを除外できます。

  • スクリプトをフッターに移動：フッターへの移動から除外するページのスクリプトを追加します（1行に1つのURL）
  • インラインスタイルを除外する：最小化からインラインスタイルを除外します
  • ミニファイとグループ化からファイルを除外する：ファイルへの各パスを1行にまとめて、ファイルをミニファイとグループ化から除外します
  • ページ除外：各ページのURLを1行にまとめて、上記のすべての最適化からページを除外します

「スクリプトをフッターに移動」を有効にすると、 「スクリプトのフッターへの移動を除外する」フィールドが表示されるようになります

 

高度な最適化

 

4. プリロードとプリフェッチ

[詳細]タブのこれらの機能は、 PRO ADDON プラグインにのみ含まれています。

  • キャッシュのプリロード:キャッシュのプリロードは、ページ キャッシュの最初のバージョンを自動的に生成するプロセスです。そのため、キャッシュ クリーンアップ後にページにアクセスした最初のユーザーは、キャッシュの生成を待つ必要がありません。 指定されたページ キャッシュ URL は、キャッシュのクリーンアップ後に自動的に再生成されます (1 行に 1 つ)。

 

プリロードおよびプリフェッチ

 

  • DNS プリフェッチ: DNS プリフェッチは、外部ドメイン リンクに DNS 情報をプリロードします。 たとえば、Web サイトのハイパーリンクで外部ドメインを頻繁に参照している場合、このドメインの DNS をプリフェッチすると、ユーザーがクリックしたときにこのドメインのページがより速く読み込まれます。

  • サイトマップから.xmlURLを1行に1つずつプリロードします。1つまたは複数のサイトマップ.xmlURLを1行に1つずつ追加します。

5.ウーコマース

WooCommerceを使用する場合、以下のオプションは、WooCommerce以外のページの読み込みを減らすか、自動クリーンアップの時間を設定するのに役立ちます：セッション、カート、...メニューWP Speed of Light > SpeedOptimization>WooCommerceに移動して取得する必要があります。 これらの機能は、PROADDONプラグインに含まれています。

  • カート フラグメントを無効にする:デフォルトでは、WooCommerce はページを更新せずにショッピング カートを更新するために使用されるカート フラグメントを使用します。 テーマや WooCommerce の設定によっては、これが必要になる場合もありますが、パフォーマンスを向上させるために無効にすることもできます。
  • スタイルを無効にする: Woocommerce 以外のページの WooCommerce スタイルを無効にします
  • スクリプトを無効にする:非 Woocommerce ページの WooCommerce スクリプトを無効にします

 

woocommerce-設定

 

  • 顧客セッション + カートをクリアする:データベースに一時的に保存されているすべての WooCommerce 顧客セッションとカートをクリアします。 パフォーマンスとデータベース ストレージを大幅に節約できます。
  • WooCommerce トランジェントのクリア:データベースに一時的に保存されているすべての WooCommerce トランジェントをクリアします。
  • 自動クリーンアップ セッション、カート トランジェント:一定期間 (時間単位) 後にセッション、カート、トランジェントを自動的にクリーンアップします。
  • ハートビート API を無効にする/減らす:アクティビティを減らすと、ハートビートの頻度が変わります。 Heartbeat を完全に無効にすると、この API を使用している他のプラグインやテーマが壊れる可能性があります