ルール5 スタイルシートは先頭に置く

プログレッシブ(逐次)・レンダリング

• 上から順番にロードし、レンダリングされていくことでユーザーにとってはプログレスバー代わりになる
• スタイルシートを下におくとこのプログレッシブ(逐次)・レンダリングができなくなる
• スタイルシートによってレンダリングタイプを変えないといけないから、結果的にはブラウザはスタイルシートがないとレンダリングしない。
• スタイルシートは必ずHEADに入れる
• @importを書くとスタイルシート下に置くのと同じ現象になるから、やっちゃだめ。

スタイルシートはLINKタグを使ってHEADの中に書く！これはダウンロードのレスポンスタイムの問題ではなく、ブラウザレンダリングの問題。表示をまず優先にしろってこと！