<html lang="ja-jp" dir="ltr"><head></head><body>### [WPFormsの最適化設定をWP Rocketで設定する](https://wpforms.com/docs/configuring-optimization-settings-for-wpforms-in-wp-rocket/)

**公開日:** 2024年6月17日
**著者:** Umair Majeed

**抜粋:** WP Rocketの設定を調整してWPFormsとの競合を防ぐ方法を学びましょう。

**コンテンツ:**

WP Rocketの最適化設定によりWPFormsで問題が発生していませんか？多くのサイト所有者は、サイトを高速化するために最適化およびキャッシュプラグインを使用しています。しかし、これらのプラグインに含まれる一部の機能は、WPFormsの機能が正常に動作しない原因となることがあります。

このガイドでは、WPFormsがスムーズに動作するようにWP Rocketの設定を調整する方法を説明します。

- [WP Rocketの設定を調整する](#wp-rocket)
    - [ページまたは投稿を除外する](#page-post)
    - [WPFormsアセットを除外する](#assets)
    - [JavaScript実行の遅延からファイルをエクスポートする](#delay)

---

## WP Rocketの設定を調整する

[WP Rocket](https://www.wpbeginner.com/plugins/how-to-properly-install-and-setup-wp-rocket-in-wordpress/)は、サイトを高速化するための人気のキャッシュプラグインです。しかし、場合によっては、WPFormsユーザーがその**JavaScriptファイルを結合する**オプションのために問題に遭遇することがあります。

WPFormsとWP Rocketで問題が発生している場合は、最適化からWPFormsアセットおよびその他のJavaScriptファイルをエクスポートできます。次のセクションでは、そのためのいくつかの方法を説明します。

#### ページまたは投稿を除外する

サイト内の単一のページでのみ問題が発生している場合、単一のページまたは投稿のみを最適化から除外するのは良い選択肢です。この例では、WordPressブロックエディターを使用している場合に、単一のページを最適化から除外する方法を示します。

まず、除外したいページを開きます。次に、**ページ**タブに移動し、**WP Rocketオプション**セクションを開きます。ここで、**JSの最小化/結合**オプションがオフになっていることを確認し、設定を保存します。

![Minify combine JS WP Rocket page](https://wpforms.com/wp-content/uploads/2021/10/minify-combine-js-wprocket-page-1.png)#### WPFormsアセットを除外する

WPFormsアセットを除外すると、プラグインのJavaScriptがサイト全体で最適化されるのを防ぎます。これは、複数のフォームで問題が発生し、各ページまたは投稿を個別に最適化設定を無効にする手間を省きたい場合に役立ちます。

最適化からWPFormsアセットを除外するには、**設定 » WP Rocket**に移動し、**ファイル最適化**タブを開きます。次に、**JavaScriptファイル**セクションまでスクロールします。

![File optimization option WP Rocket](https://wpforms.com/wp-content/uploads/2021/10/file-optimization-setting-wprocket.png)**JavaScriptファイルの最小化**オプションが有効になっている場合は、その下に**除外するJavaScriptファイル**というラベルのボックスが表示されます。

![JavaScript files section](https://wpforms.com/wp-content/uploads/2021/11/javascript-files-section.png)このボックスに、次のスクリプトを追加します。

`/wp-content/plugins/wpforms/assets/js/frontend/wpforms.min.js`

スクリプトを追加したら、必ず**変更を保存**ボタンをクリックして設定を保存してください。

![](https://wpforms.com/wp-content/uploads/2024/10/excluded-js-files-wp-rocket-1024x629.png)これらのアセットを除外したので、フォームはフロントエンドで期待どおりに動作するはずです。

#### JavaScript実行の遅延からファイルをエクスポートする

JavaScriptの問題が発生しており、**JavaScript実行の遅延**オプションが有効になっている場合、WP Rocketは複雑さを避けるためにいくつかのデフォルトの除外を追加することを推奨しています。

これを行うには、**設定 » WP Rocket » ファイル最適化**に移動し、**JavaScript実行の遅延**セクションまでスクロールします。

![Delay JS execution section](https://wpforms.com/wp-content/uploads/2021/11/delay-js-execution-section.png)**除外するJavaScriptファイル**というラベルのボックスに、次のスクリプトを追加します。

```
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
js-(before|after)
(?:/wp-content/|/wp-includes/)(.*)
```

次に、**変更を保存**ボタンをクリックして変更を保存してください。

![Excluded JS files delay JS execution](https://wpforms.com/wp-content/uploads/2021/11/excluded-js-files-delay-js-execution.png)**注意:** WP Rocketの設定に関するより具体的な情報については、[ドキュメント](https://docs.wp-rocket.me/)を参照してください。

これで、WP Rocketの設定を調整してWPFormsとの競合を防ぐ方法がわかりました。

次に、WPFormsでのJavaScriptエラーのトラブルシューティングについて詳しく知りたいですか？詳細については、[JavaScriptエラーのトラブルシューティング](https://wpforms.com/docs/how-to-troubleshoot-javascript-issues-in-wpforms/)ガイドを確認してください。

**カテゴリ:** トラブルシューティング, トラブルシューティングとサポート

---</body></html>