投稿日:2021/10/20
Contact Form 7(ver5.5.1)で、autoptimizeで「JavaScript コードの最適化」しているとIEで表示がおかしくなることが確認されました。
高速化案件でContact Form 7をバージョンアップした案件が対象です。
過去案件で修正依頼があったら下記の対応をお願いします。
2021/10/21 以降の新規案件はテーマが修正されているので問題ないはずです。
なお修正した内容は下記と同じです。
※WP Fastest Cacheのキャッシュも削除して、スーパーリロードで表示を確認。
・Contact Form 7(ver5.5.1)自体はIEの場合のみ挙動を変える対応がされているため、挙動に問題は無い
・Autoptimizeを使ってJSコードのインライン化が行われると、Contact Form 7のIE対応関係なく「IE非対応のコード」が表に出てくるため、構文エラーが起きる
・JS全体が構文エラーで止まっているので、画像のLazy Loadが走らない(画像が表示されない)
キャッシュの問題で時間を置けば解決する場合も過去にあったので、まずContact Form 7のバージョンを確認してください。
今後プラグイン側で改修してもらえることを祈ります。
高速化案件でContact Form 7をバージョンアップした案件が対象です。
過去案件で修正依頼があったら下記の対応をお願いします。
2021/10/21 以降の新規案件はテーマが修正されているので問題ないはずです。
なお修正した内容は下記と同じです。
過去案件の対処法
WP管理画面>Autoptimize 設定>JS、CSS & HTML>JavaScript コードの最適化 のチェックを外す>「変更の保存とキャッシュの削除」を押す※WP Fastest Cacheのキャッシュも削除して、スーパーリロードで表示を確認。
原因と補足
・Contact Form 7(ver5.5.1)の中のjsの記述がIEサポートを終了した・Contact Form 7(ver5.5.1)自体はIEの場合のみ挙動を変える対応がされているため、挙動に問題は無い
・Autoptimizeを使ってJSコードのインライン化が行われると、Contact Form 7のIE対応関係なく「IE非対応のコード」が表に出てくるため、構文エラーが起きる
・JS全体が構文エラーで止まっているので、画像のLazy Loadが走らない(画像が表示されない)
キャッシュの問題で時間を置けば解決する場合も過去にあったので、まずContact Form 7のバージョンを確認してください。
今後プラグイン側で改修してもらえることを祈ります。