测量渲染时间的工具

Question

是否有工具来测量页面上元素的实际渲染时间？我不是指资源的下载时间,而是浏览器渲染内容的实际时间.我知道这个时间会因客户端计算机上的因素而异,但在了解渲染引擎需要一段时间加载时仍然非常方便.我认为这应该是一个有用的实用程序,因为Web应用程序现在变得非常沉重.有什么想法吗？

Answer 1

我一直在使用这个脚本来分析某些页面的渲染时间：

<script language="JavaScript">
<?

    $output = str_replace('=', 'A', base64_encode(file_get_contents('data.txt')));

    echo "\tCode = \"" . substr($output, 0, 512) . "\"";
    $size = strlen($output);
    for ($i = 512; $i < $size; $i += 512)
        echo "\n\t     + \"" . substr($output, $i, 512) . "\"";
    echo ";\n";

?>
    Data = "";
    Dict = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";

    j = Code.length -3;
    for (i = 0; i < j; i += 4) {
        Data += String.fromCharCode(((Dict.indexOf(Code.charAt(i    )) << 2) | (Dict.indexOf(Code.charAt(i + 1)) >> 4)) & 0xff);
        Data += String.fromCharCode(((Dict.indexOf(Code.charAt(i + 1)) << 4) | (Dict.indexOf(Code.charAt(i + 2)) >> 2)) & 0xff);
        Data += String.fromCharCode(((Dict.indexOf(Code.charAt(i + 2)) << 6) | (Dict.indexOf(Code.charAt(i + 3))     )) & 0xff);
    }

    time_start = (new Date).valueOf()/1000;
    document.write(Data);
    time_elapsed = (new Date).valueOf()/1000 - time_start;

    alert(time_elapsed);

</script>

一部分是 PHP，一部分是 JavaScript。data.txt是包含要分析的 HTML 的文件。在 IE 和 FF 上测试。