script要素の新常識・安易にdefer/async属性を付けてはいけない - Qiita

script要素の位置とasync/defer script要素はbodyの末尾に記述するのが定説ですが、あるサイトについてscript要素の記述位置やasync/deferが及ぼすパフォーマンスへの影響を実験しました。 外部JavaScript 11ファイル・250kb 因子1 head要素内・body要素の末尾を比較 因子2 defer・async・それらの属性なしを比較 いずれのケースもスクリプトエラーがなく期待通りに動作 PageSpeed Insightsのモバイルスコアで評価 ※ この記事ではscript要素はsrc属性で外部参照することを前提にします。インラインスクリプトではありません。 ※ また、1サイトでの結果に過ぎないのでその点も考慮ください。 最速はasync付きでhead要素に記述 PageSpeed Insightsのスコアはばらつきが出るので、10回の計測を行い