BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] 控えめなJavaScript。<script> は HTML コードの上か下か？

2023-03-27 22:26:21

質問

最近、ヤフーのマニフェストを読みました。 Web サイトを高速化するためのベスト プラクティス . 彼らは、可能な限り、JavaScript を HTML コードの一番下に含めることを推奨しています。

でも、具体的にいつ、どこに？

を閉じる前に置くべきでしょうか？ </html> の前に置くべきか、それとも後に置くべきか？そしてなによりも、どのような場合にやはり <head> セクションに置くべきでしょうか？

どのように解決する？

本当に邪魔にならないスクリプトには、2つの可能性があります。

  • head セクションに script タグを使用して外部スクリプトファイルを含める。
  • script タグを使用して外部スクリプトファイルを本文の下部 ( の前) に含める。 </body></html> )

Yahoo のオリジナルの調査では、script タグを打ったときにスクリプト ファイルを読み込もうとするブラウザがあり、そのためそれが完了するまでページの残りの部分を読み込まないことがわかったため、2 番目の方が速くなることがあります。しかし、スクリプトに「ready」部分があり、DOMの準備ができ次第実行しなければならない場合は、headに記述する必要があるかもしれません。もう 1 つの問題はレイアウトです。スクリプトがページのレイアウトを変更する場合は、できるだけ早くロードして、ページがユーザーの目の前で長い時間をかけて再描画されないようにしたいものです。

外部スクリプトサイトが別のドメインにある場合 (外部ウィジェットのように)、ページの読み込みを遅らせるのを避けるために、それを一番下に置く価値があるかもしれません。

また、パフォーマンスの問題については 独自のベンチマークを行う - を行う必要があります。ある研究が行われたときに正しかったとしても、ローカル セットアップやブラウザの変更によって変わるかもしれません。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します