- 2010/05/27 00:57
- SEO
JavaScriptとスタイルシートの記述順を変えるだけで読込みスピードが変わるみたい。
■悪い例
<head>
<link rel=”stylesheet” type=”text/css” href=”stylesheet1.css” />
<script type=”text/javascript” src=”script1.js” />
<script type=”text/javascript” src=”script2.js” />
<link rel=”stylesheet” type=”text/css” href=”stylesheet2.css” />
<link rel=”stylesheet” type=”text/css” href=”stylesheet3.css” />
</head>
※読み込み順は、
1. stylesheet1.css
2. script1.js
3. script2.js
4. stylesheet2.css / stylesheet3.css（並行）
■良い例
<head>
<link rel=”stylesheet” type=”text/css” href=”stylesheet1.css” />
<link rel=”stylesheet” type=”text/css” href=”stylesheet2.css” />
<link rel=”stylesheet” type=”text/css” href=”stylesheet3.css” />
<script type=”text/javascript” src=”script1.js” />
<script type=”text/javascript” src=”script2.js” />
</head>
※読み込み順は、
1. stylesheet1.css / stylesheet2.css / stylesheet3.css（並行）
2. scriptfile1.js
3. scriptfile2.js
スタイルシートは複数のファイルを同時に読み込むことができる。
JavaScriptは読み込みが完了してからでないと次のコードの読み込みが始まらない。
そのため、複数のスタイルシート指定の間にJavaScriptを入れると遅くなるとの事。
関連する記事は見当たりません…
コメント:0
トラックバック:0
- この記事のトラックバック URL
- http://seo.gunpla-rev.net/blog/seo/web%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e8%aa%ad%e8%be%bc%e3%81%bf%e9%80%9f%e5%ba%a6up/trackback/
- トラックバックの送信元リスト
- Webページの読込み速度UP - 携帯アフィリエイトで稼ぐアフィリエイトSEO より
