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

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

Cuzillionのキャプチャ

Cuzillion

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

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

  • 外部スクリプト
  • インラインスクリプト
  • 外部スタイルシート
  • インラインスタイルシート
  • 画像(image)
  • iframe

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

sponsors

top of page

©2018 coliss