Re: 今さら聞けないjQuery実行パターンまとめ 【ちょっとだけ補足】

細かい点をちょっとだけ補足してみました。

scriptをheaderの中に入れるかbodyの最下部に入れるか

html要素内にscript要素としてJavaScriptを埋め込んだ場合は、JavaScriptの読み込みと実行が終わるまでそこでページの読み込みがストップしてしまうので、それを避けるためにbody要素の終了直前にscript要素を挿入するという方法(※1)があるようです。

(※1) YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを! の「Put JS at the bottom」

header要素の中にscript要素 (実行)

body要素の最下部にscript要素 (実行)

onloadとjQuery.ready()

onloadとjQuery.ready()の違いとしては、onloadを使った場合は画像も含めて全ての読み込みが終了してから実行されますが、jQuery.ready()はDOMが構築された後に画像の読み込みを待たずに実行されるという点があるようです。

onload (実行)

jQuery.ready() (実行)