如何计算gwt中加载模块所需的时间？_Gwt

如何计算gwt中加载模块所需的时间？

gwt

如何计算gwt中加载模块所需的时间？,gwt,Gwt,我正在使用一个定制的gridview小部件，并将大量数据（比如1000行）分配给它。我知道这需要更多的时间。我想知道加载网格需要多少时间 <!doctype html> <html> <head> <link rel="stylesheet" href="Custom.css"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">

我正在使用一个定制的gridview小部件，并将大量数据（比如1000行）分配给它。我知道这需要更多的时间。我想知道加载网格需要多少时间

<!doctype html>
<html>
  <head>
  <link rel="stylesheet" href="Custom.css">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>CustomWidget</title>
    <script type="text/javascript" language="javascript" src="mywidget/mywidget.nocache.js">
    function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){startTime()},500);
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
    </script>
  </head>

  <body onload="startTime()">
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
<div id="txt"></div>
  </body>
</html>


自定义小部件
函数startTime（）
{
var today=新日期（）；
var h=today.getHours（）；
var m=today.getMinutes（）；
var s=today.getSeconds（）；
//在数字前面加一个零试试这个
应采取的步骤：

在下载nocache.js
加载nocache.js
后，它将调用入口点类的EntryPoint#onModuleLoad（）
方法
比较时间以获得所用的时间

HTML/JSP：
<body>
    <div id="timeinfo" style="visibility: hidden;"></div>

    <script type="text/javascript">
        var today = new Date();

        document.getElementById("timeinfo").innerHTML = today.getTime();
    </script>

    <script type="text/javascript" src="mywidget/mywidget.nocache.js"></script>
</body>

输出：
    Tue Apr 22 16:55:49 IST 2014
    Tue Apr 22 16:56:03 IST 2014
    Total time taken=14479 ms.

试试这个
应采取的步骤：

在下载nocache.js
加载nocache.js
后，它将调用入口点类的EntryPoint#onModuleLoad（）
方法
比较时间以获得所用的时间

HTML/JSP：
<body>
    <div id="timeinfo" style="visibility: hidden;"></div>

    <script type="text/javascript">
        var today = new Date();

        document.getElementById("timeinfo").innerHTML = today.getTime();
    </script>

    <script type="text/javascript" src="mywidget/mywidget.nocache.js"></script>
</body>

输出：
    Tue Apr 22 16:55:49 IST 2014
    Tue Apr 22 16:56:03 IST 2014
    Total time taken=14479 ms.

在浏览器中打开控制台。单击“网络”选项卡。重新加载页面。查看加载每个资源所需的时间。
在浏览器中打开控制台。单击“网络”选项卡。重新加载页面。查看加载每个资源所需的时间。
另外两种方法以及@Braj answer
1.使用Speed Tracer，您可以更好地了解应用程序中的时间花费情况。这包括由以下原因引起的问题：

Javascript解析和执行
布局
CSS样式重新计算和选择器匹配
DOM事件处理
网络资源加载
定时器点火
XMLHttpRequest回调
绘画

暂停此链接并转到Crome（单击“免费”），仅适用于Crome
2.您可以在任何网页中实时编辑、调试和监视CSS、HTML和JavaScript
通过这个，我们可以得到每个函数花费的时间、调用的次数以及总时间的%
但它只对火狐有效
暂停此链接。单击控制台并启用配置文件，查看每个功能的性能
有时您可能会遇到混淆的函数名。为了避免这种情况，请选择输出样式为Pretty
以及@Braj answer
1.使用Speed Tracer，您可以更好地了解应用程序中的时间花费情况。这包括由以下原因引起的问题：

Javascript解析和执行
布局
CSS样式重新计算和选择器匹配
DOM事件处理
网络资源加载
定时器点火
XMLHttpRequest回调
绘画

暂停此链接并转到Crome（单击“免费”），仅适用于Crome
2.您可以在任何网页中实时编辑、调试和监视CSS、HTML和JavaScript
通过这个，我们可以得到每个函数花费的时间、调用的次数以及总时间的%
但它只对火狐有效
暂停此链接。单击控制台并启用配置文件，查看每个功能的性能
有时您可能会遇到混淆的函数名。为了避免出现这种情况，请选择输出样式为Pretty
Ado您想知道加载nocache.js
？或者您想知道在列表网格中填充日期所用的时间。谢谢@Braj是的，我想知道加载nocac所用的时间he.js和我获得时间（毫秒）在哪个数据行添加到网格中，但无法获取在浏览器中加载模块所用的时间。Ado您想知道加载nocache.js所用的时间吗？还是想知道在列表网格中填充日期所用的时间。谢谢@Braj是的，我想知道加载nocache.js所用的时间和获取的时间（毫秒）在哪个数据行添加到网格中。但无法获取在浏览器中加载模块所花费的时间。是@Andrei Volgin…我们可以看到所花费的时间…但我想打印该时间而不是手动计算…谢谢..是@Andrei Volgin…我们可以看到所花费的时间…但我想打印该时间而不是计算手动…谢谢你…如果你已经有了答案，那么你为什么要在这里问这个问题？对不起，我不是有意冒犯你@Braj…经过两天的搜索，我想出了新的解决方案…我认为它可以帮助其他人。我非常同意你的看法。这是一个比我更好的答案。我一定会投票的。请进行一些编辑，以便我可以恢复我的d自己投票。我更关心的是记录应用程序所花费的时间，而不是仅仅知道它。你上面的所有选项都只是告诉你所花费的时间，但你不能在任何地方记录它。如果你已经有了答案，那么你为什么要在这里问它？对不起，不是有意冒犯你@Braj。经过两天的搜索，我找到了新的解决方案ons…我认为它可以帮助其他人。我非常同意你的看法。这是一个比我好的答案。我肯定会投赞成票。请进行一些编辑，以便我可以恢复我的反对票。我更关心的是记录应用程序所花的时间，而不仅仅是了解它。你上面的所有选项都只是告诉你所花的时间，但你不能把它记录在任何地方。