| ポイント |
<![CDATA[
function d(){
b = new Date();
n = b.getTime() - a.getTime();
alert(n);
}
a = new Date();
<body onload="d()">
]]>
|
| 説 明 |
ページ構築（bodyタグ内）のレンダリング（ページの表示時間）を計測するには、ページ構築前のミリ秒を変数に入れます。ページが構築し終わったらonLoadイベントが発生するので、その時点でのミリ秒と構築前のミリ秒の差分を取ればページのレンダリング時間を求めることができます。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>ページ構築にかかる時間を計測する</title>
<script language="JavaScript"><!--
function d(){
b = new Date();
n = b.getTime() - a.getTime();
alert(n);
}
a = new Date();
// --></script>
</head>
<body onload="d()">
ここにHTMLを書きます。レンダリングが終わるとミリ秒が表示されます。
</body>
</html>
]]>
|
| 補足説明 |
いくらかの誤差が発生します。また、ブラウザのキャッシュ状況によっても異なりますので、計測する場合にはキャッシュなどを消しておくなどの対処が必要です。
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ページ構築にかかる時間を計測する
