さて、アマゾンは何をしていますか?彼らはすべてのCSS定義を<head>
タグに入れましたか?リクエストを保存する目的はわかりますが、あまり動的ではないようです。
何か案は?
<head>
ブラウザはリクエストの開始時にファイルをダウンロードするため、この要素は従来、CSSファイルの場所です。
私にとってそれは理にかなっています。アマゾンはトラフィックの多いウェブサイトであり、リクエストを減らすことは彼らにとって非常に良いことです。
なぜそれは動的であるべきではないのですか?CSSを含めることと、リンクタグを介して含めることの違いはどこにありますか。
そこにハードコーディングされていない可能性が非常に高いです。想像以上にダイナミックなのかもしれません。Amazon がどのような設定を行っているかはわかりませんが、何らかのテンプレート言語を使用してこれらのスタイルを動的に追加していると推測されます。
css を別の場所に配置してから頭に配置すると、一部のブラウザーで側面の再レンダリングがトリガーされます。したがって、css をページの下部に配置すると、css が読み込まれるまでスタイル設定されていないページが表示され、ページ全体が新しいスタイル ルールで再度レンダリングされます。 http://developer.yahoo.com/performance/rules.html#css_top