検証：レスポンシブのCSSはモバイル向けを先に書くと表示が早い？ | 初代編集長ブログ―安田英久

今日は、レスポンシブWebデザインでのスタイルシートを書く順番について。CSSを書く順番が、デバイスごとの表示速度に関係するのかを検証してみた話題です。 レスポンシブWebデザインでは、モバイル向けのCSSを先に書くほうが、モバイル端末で早く表示される 以前に、そんなことを耳にしました。「んー、どうなんだろう」と思ったので、実際に検証してみました。 仮説では、「ブラウザはDOM要素を構築してからレンダリングするだろうから、モバイル向けとPC向けでCSSを別にしてlink要素で読み込めば、たしかにそれも有り得る」でしたが、実際にはどうだったのでしょうか？ テスト用に、専用のスクリプトを用意しました。いろんなパターン（link要素とか、style要素とか、style要素で@importとか）のCSSを、head内・body上部・body下部に出力できるようにして、モバイル向けCSSを出力して数

[kana321]

現状のモバイルブラウザでは、レスポンシブWebデザインのCSSを書く順番は、ほぼ表示順序には関係ない

[k_gobo]

"モバイル向けでは原則として、ほとんどの場合に全部のデータを読み込んでからでないと、スタイルが表示に反映されませんでした。"

[keyjam]

検証：レスポンシブのCSSはモバイル向けを先に書くと表示が早い？ [編集長ブログ―安田英久] | Web担当者Forum