スクリプトとスタイルシートの順番でロード時間がどう変わる？

Post on:2008年4月27日

sponsors

Cuzillionは、ページ内に配置する外部・インラインのスクリプト・スタイルシート、画像、iframeの順番によって、ページのロード時間がどのようになるかをシミュレートできるサービスです。

ロード時間は、最初のパケットからonloadイベントまでを算出しており、HTMLドキュメントのロード時間は含まない、と記載してあります。

シミュレートできるコンポーネントは、６つとなっています。

Cuzillionで、「外部スクリプト」「外部スタイルシート」、「外部スタイルシート」「外部スクリプト」と入れ替えたものを試しただけでも、ロード時間が違いました。
ロード時間による順番に気をつけたことはなかったのですが、ロード時間が短縮させるのであれば、気をつけた方がいいなと思いました。