Async JavaScriptプラグインの最適化設定が原因でWPFormsに問題が発生していませんか？このプラグインはJavaScriptの読み込みを最適化することでサイトのパフォーマンスを向上させる素晴らしいものですが、WPFormsの機能に干渉することがあります。
このガイドでは、WPFormsが正しく動作するようにAsync JavaScriptの設定を調整する方法を説明します。
非同期JavaScript
Async JavaScriptプラグインは、JS スクリプトにasyncまたはdefer属性を追加することで、サイトの JavaScript を最適化するために使用します。
以下は、async属性とdefer属性の違いである：
- 非同期：HTMLを解析しながらJavaScriptをダウンロードするが、JavaScriptを実行するためにHTMLの解析を一時停止する。
- Defer：HTMLの解析中にJavaScriptをダウンロードするが、HTMLの解析が終わるまで実行を待つ。
これらの属性のどちらかが追加された場合、一部のWPFormsスクリプトのロードが異なってエラーになる可能性があります。
非同期JavaScriptを有効にしてもフォームが動作せず、JavaScriptの問題が確認された場合は、次の手順を実行してください：
非同期JavaScriptを無効にする
最初のステップは、Async JavaScriptプラグインを非アクティブにして、問題が解決したかどうかを確認することです。プラグインを無効にすることで問題が解決した場合は、プラグインを再度有効にしてから次のステップに進んでください。
WPForms資産を除く
Async JavaScript設定の中で、WPFormsアセットを2つの異なる方法でJavaScript最適化から除外することができます：スクリプトの除外と プラグインの除外です。以下でそれぞれのオプションについて説明します：
スクリプトの除外
WPFormsスクリプトを非同期JavaScriptから除外するには、設定 " 非同期JavaScriptに移動する必要があります。
次に、スクリプトの除外セクションまでスクロールします。Scripts to Exclude（除外するスクリプト）フィールドに、以下のスクリプトを入力します：
/wp-content/plugins/wpforms/assets/js/frontend/wpforms.min.js
スクリプトを追加したら、必ずページ下部の［Save Settings］ボタンをクリックして設定を保存してください。
プラグインの除外
WPFormsプラグインに含まれるJavaScriptファイルを除外するには、プラグイン除外セクションまでスクロールし、除外フィールドをクリックします。そしてWPFormsを選択します。
次に、[Save Settings]ボタンをクリックして変更を保存します。
以上です！これでWPFormsとのコンフリクトを防ぐためにAsync JavaScriptの設定を調整する方法がわかりました。
次に、WPFormsのJavaScriptエラーのトラブルシューティングについてもっと知りたいですか？詳しくはJavaScriptエラーのトラブルシューティングガイドをご覧ください。