WEB開発備忘録

CSSは先に読込み、Javascriptは後に読込み / ホームページ表示高速化

Javascriptの読込処理は他の読込処理を中断させます。
Defer parsing of Javascript

またCSSは複数の同時読込が可能ですが、間にJavascriptが入るとまた個別に読込みが必要になります。

CSSは一番上にまとめ、Javascriptはその下にまとめることが高速表示につながります。

<link rel="stylesheet" type="text/css" href="css/ooo.css" />
<link rel="stylesheet" type="text/css" href="css/ooo.css" />
<link rel="stylesheet" type="text/css" href="css/ooo.css" />
<script src="ooo.js"></script>
<script src="ooo.js"></script>