2019/02/22jQuery.jsの読み込みにDeferやAsyncを使ったらエラーでスクリプトが動かないときJavascriptjQueryスクリプト目次jQueryの読込にDeferやAsync使ったら動かなくなったサイトの高速化を行うために読み込むJSを遅延読み込みしようと、あらゆるJSにdeferやasyncを付けていたら、jQueryにDeferを付けた時点でエラーになりアコーデオンメニューとかが動かなくなりました。{...}で囲ってみてください。false);で囲ってみてください。Explorer(IE)で動かないときはこちらが有効でした。false);<script>のようにスクリプトを囲ってやれば、Deferで読み込んでもスクリプトが動くようになります。詳しくは以下のサイトに詳しく例が書いてありましたので参考にしてみてください。async>にする必要なときがあります。sakura*sakurahttps://sakura.monte-verita.biz/3981Onloadを使って回避する方法もある以下のページには上記と違う方法で回避する方法もありました。私も使ってみたところうまく回避できました。qiitahttps://qiita.com/suzunone/items/55277b99893b2a6cf353また、指定したJSとCSSをDeferとAsyncを使い分けて読み込むPrefetchLoader.jsというスクリプトの紹介もありましたが、使ってみたところ、はっきりと見た目の表示は速くなりました。Insightsなどで測定すると表示の時間は遅くなりました。見た目は速い感じがするんですが不思議です。今回は適用を見送りましたが、気になるのでまた試してみたいと思います。その他参考サイトJSをどこで読み込むかで表示スピードが変わる実験結果が書いてありました。ともて興味深いのでメモ。(30)このサイトについてパソコンのことをいろいろメモしています。InsightsQwerty.Workについてこのブログは個人が運営しているサイトです。Qwerty.Work。