WebブラウザはHTMLを通常上から下に順番に行を読み込む。HTMLコードを上から順に文法に則っているかチェックしながら解析する「HTMLパース」。
script, css の優先順位はなく、HTML の記述順に従う。外部ファイルを読み込む箇所に到達すると、解析を一旦停止し、外部ファイルのダウンロードと、外部ファイル内に記述された処理の実行を優先。script要素があると、Webブラウザはscript要素の中身を解釈し実行を終えるまで次の要素の処理に進みません。ライブラリや処理の大きいJavascriptを上部に書くと読み込みに時間がかかり、文書構造を整形するCSSを下部に書くのもスタイルの反映があとになり、結果読み込みに時間がかかる。
基本的には、
【1】CSSはソースコードの上部に記述する
【2】JavaScriptはソースコードの下部に記述する
ことが良い。
