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

WP Speed of Light:速度最適化

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

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

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

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

「wp-config.php」に書き込み権限を設定する必要があります。FTPサーバーにアクセスし、ファイルを右クリックして「ファイル権限。ここから権限を設定できます。

 

ファイル権限の設定

 

「wp-config.php」の先頭にスクリプト「define( 'WP_CACHE',true);」

 

wp-config にキャッシュを追加する

 

WP Speed of Light >「速度最適化」>「スピードアップ」に進み、 「キャッシュ システムのアクティブ化」オプションを有効にします。

 

キャッシュオプションを有効にする

 

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

  • デスクトップ/タブレット/モバイルのキャッシュ:デスクトップのキャッシュをデフォルトですべてのデバイスに配信します。デバイスごとにキャッシュを指定するオプションは、テーマフレームワークがデバイスごとに特定のファイルを生成する場合にのみ使用してください。

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

  • 外部スクリプトをキャッシュ: Google から提供されるスクリプトなどの外部リソースをキャッシュします。警告:有効化の前後でパフォーマンスを必ず監視してください。有効化するとパフォーマンスが低下する場合があります。

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

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

 

速度最適化

 

プロアドオンのみ 

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

  • 画像のlazy loading:ユーザーがスクロールしたときに表示されている画像のみを読み込み

  • iframeとビデオのlazy loadingすべてのiframeとHTML5ビデオを遅延読み込みします

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

  • (幅px)未満の画像を除外:指定した幅のピクセル値未満の画像をlazy loadingから除外します

  • (高さピクセル)未満の画像を除外:指定した高さのピクセル値未満の画像を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アバターを無効にして、メディアのローカルアバターのみを使用します

 

wordpressタブ

 

3. グループ化と縮小

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

注意:一部のオプションはプラグインPRO ADDONでのみ利用可能です。競合が発生する可能性があるため、慎重に使用し、ウェブサイトでテストしてください。
  • 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情報をプリロードします。例えば、ウェブサイトがハイパーリンクで外部ドメインを頻繁に参照している場合、このドメインのDNSをプリフェッチしておくことで、ユーザーがそのドメインのページをクリックした際に、より速くページを読み込むことができます。

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

5. ウーコマース

WooCommerceをご利用の場合、以下のオプションを使用すると、WooCommerce以外のページの読み込み速度を短縮したり、自動クリーンアップの時間を設定したりできます(セッション、カートなど)。設定するには、メニューのWP Speed of Light > スピード最適化 > WooCommerce」アクセスしてください。これらの機能はPRO ADDONプラグインに含まれています。

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

 

WooCommerce設定

 

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

 

An Error Occurred: Whoops, looks like something went wrong.

Sorry, there was a problem we could not recover from.

The server returned a "500 - Whoops, looks like something went wrong."

Help me resolve this