なぜCSSは先でJavaScriptは後に読み込ませることが推奨されるのか – cyano

最近よく言われることとして『CSSファイルは先に、JavaScriptは後で読み込むようにしましょう』というのがあります。 私も理由を考えることもなく従ってきたわけですが、今日どうしてそうすることがいい事なのか分かったので、共有したいと思います。 理由はブラウザの挙動にあります。 まず、"ブラウザはダウンロードできたパーツから順次レンダリングしようとする"ということが挙げられます。従って、まずHTMLを読み込み、DOMを構築し、レンダリングしようとします。 そこで問題になるのがCSS。昨今のWebサイトはWebの標準化に伴って、CSSでレイアウトを組むことが多くなってきています。従って、CSSファイルを読み込んで、そのCSSのパースが終わらないことにはユーザーに見てもらう最終的なレイアウトが決定できないと言うことになります。 さて、そこで気になるのが、ブラウザがどのようにファイルを読み込む

[kuzumi]

JSファイルよりもCSSファイルを先に読み込むとIEで表示が速くなる理由

[sky_2007]

読む順番