### [Async JavaScript における WPForms の最適化設定](https://wpforms.com/docs/configuring-optimization-settings-for-wpforms-in-async-javascript/)

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

**概要:** Async JavaScriptの設定を調整し、WPFormsとの競合を防ぐ方法をご紹介します。

**内容:**

Async JavaScriptプラグインの最適化設定が原因で、WPFormsに問題が発生していませんか？このプラグインはJavaScriptの読み込みを最適化してサイトのパフォーマンスを向上させるのに優れていますが、場合によってはWPFormsの機能に干渉することがあります。

このガイドでは、WPFormsが正しく動作するようにAsync JavaScriptの設定を調整する方法をご説明します。

- [Async JavaScript](#async-javascript)
    - [Async JavaScriptの無効化](#disable-async-javascript)
    - [WPFormsのアセットを除外する](#exclude-assets-async-javascript)

---

## Async JavaScript

[Async JavaScript](https://wordpress.org/plugins/async-javascript/) プラグインは、JSスクリプトに **async** または **defer** 属性を追加することで、サイトのJavaScriptを最適化するために使用されます。

**async** 属性と **defer** 属性の違いは以下の通りです：

- **Async:** HTMLの解析を継続しながらJavaScriptをダウンロードしますが、JavaScriptを実行する際はHTMLの解析を一時停止します。
- **Defer:** HTMLの解析を継続しながらJavaScriptをダウンロードしますが、HTMLの解析が完了するまで実行を待機します。

これらの属性のいずれかが追加されると、一部のWPFormsスクリプトの読み込み方法が変化し、エラーが発生する可能性があります。

Async JavaScriptが有効な状態でフォームが動作せず、かつ[JavaScriptの問題を特定した](https://wpforms.com/docs/how-to-troubleshoot-javascript-issues-in-wpforms/#identifying-js-issues)場合は、以下の手順に従ってください：

#### Async JavaScriptの無効化

まず、Async JavaScriptプラグインを[無効化](https://www.wpbeginner.com/beginners-guide/how-to-easily-deactivate-wordpress-plugins/)し、問題が解決したか確認してください。プラグインを無効化することで問題が解決した場合は、再度有効にしてから次の手順に進んでください。

#### WPFormsのアセットを除外する

Async JavaScriptの設定画面では、**スクリプト除外**または**プラグイン除外**の2つの方法で、WPFormsのアセットをJavaScriptの最適化対象から除外できます。以下でそれぞれのオプションについて説明します：

##### スクリプト除外

Async JavaScriptからWPFormsのスクリプトを除外するには、**設定 » Async JavaScript**に移動する必要があります。

![Async JavaScriptの設定画面](https://wpforms.com/wp-content/uploads/2021/10/async-javascript-settings.png)次に、**スクリプトの除外**セクションまでスクロールします。**除外するスクリプト**フィールドに、以下のスクリプトを入力してください：

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

![Async JavaScript からスクリプトを除外](https://wpforms.com/wp-content/uploads/2024/10/script-exclusion-async-javascript-1.png)スクリプトを追加したら、ページ下部の**設定を保存**ボタンをクリックして、設定を必ず保存してください。

![Async JavaScriptの設定を保存](https://wpforms.com/wp-content/uploads/2024/10/save-settings-button-async-javascript.png)##### プラグインの除外

WPFormsプラグインに含まれるJavaScriptファイルを除外するには、**プラグインの除外**セクションまでスクロールし、**除外**フィールドをクリックします。その後、**WPForms**を選択してください。

![プラグインの除外 Async JavaScript](https://wpforms.com/wp-content/uploads/2021/10/plugin-exclusions-async-javascript.png)次に、**設定を保存**ボタンをクリックして変更を保存します。

![設定保存ボタン Async JavaScript](https://wpforms.com/wp-content/uploads/2021/10/save-settings-buttton-async-js.png)これで完了です！これで、WPFormsとの競合を防ぐためにAsync JavaScriptの設定を調整する方法がわかりました。

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

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

---