Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
测试压缩JavaScript代码的性能增益_Javascript_Compression_Google Closure Compiler_Yui Compressor_Packer - Fatal编程技术网

测试压缩JavaScript代码的性能增益

测试压缩JavaScript代码的性能增益,javascript,compression,google-closure-compiler,yui-compressor,packer,Javascript,Compression,Google Closure Compiler,Yui Compressor,Packer,我使用了5个JavaScript压缩器来压缩JavaScript库(JSMin、YUI压缩器、打包器、闭包编译器和UglifyJS) 现在我知道闭包编译器是减少文件大小的赢家。 但是,我还想测试性能的提高。这样做的好方法是什么 我制作了一个简单的测试页面,它使用了库的所有公共方法。是否有测试此测试页面页面速度的工具?在浏览器上运行X次,返回平均加载速度 谢谢你的回答 我怀疑这就是你想要的。使用firefox上的PageSpeed或YSlow或IE上的HttpNaylser来测试时间负载差异。这实

我使用了5个JavaScript压缩器来压缩JavaScript库(JSMin、YUI压缩器、打包器、闭包编译器和UglifyJS)

现在我知道闭包编译器是减少文件大小的赢家。 但是,我还想测试性能的提高。这样做的好方法是什么

我制作了一个简单的测试页面,它使用了库的所有公共方法。是否有测试此测试页面页面速度的工具?在浏览器上运行X次,返回平均加载速度


谢谢你的回答

我怀疑这就是你想要的。

使用firefox上的PageSpeed或YSlow或IE上的HttpNaylser来测试时间负载差异。

这实际上取决于你的受众最关心网站的内容。是时候出现在屏幕上了?加载完成时间?动画平滑度?交互式响应?还是原始计算速度

你应该根据最重要的指标,用不同的缩小器对你的站点进行压缩


旁注:简单模式下的闭包编译器只产生最小的加速比。它减小了文件大小,但JavaScript程序保持不变。要获得显著的代码缩减和速度优化,您必须使用高级模式。

不需要太复杂:

<html>
<head>
    <script>
    var time = new Date();
    </script>
    <script src="..."></script>
    ... more scripts ... 
</head>

<body>
<script>
    document.write("Time: " + String((new Date() - time)/1000) + " seconds");
</script>
</body>
</html>

变量时间=新日期();
... 更多脚本。。。
写入(“时间:+字符串((新日期()-时间)/1000)+“秒”);
中的脚本通常是串行加载的,因此这应该是衡量脚本执行时间的合理方法。如果有脚本执行表单
,则在该函数结束时而不是正文结束时进行时间经过计算

此方法不会测量通过
setTimeout
setInterval
执行的“异步”函数的执行时间,但这些函数不应计入加载时间


另一种选择是使用Chrome或Safari的web inspector中内置的javascript探查器

你想测量什么?通过公共网络上的HTTP加载时间?JavaScript解析器解析JavaScript文本所花的时间?解释器运行结果所花费的时间?您列出的大多数工具只对第一个工具(HTTP加载时间)有帮助,闭包编译器是唯一的工具,因为它实际上修改了您的代码(内联函数等),而其他工具主要是关于符号长度减少和(在某些情况下)模糊处理。整个包可能重复。我想测试用户的速度增益。从获取测试页面到每个公共方法完成都要秒表。有人说使用google的闭包编译器压缩代码实际上会降低性能。。。因此,我想测试什么能提供最好的效率:未压缩、压缩或编译。@Chielus使用搜索。这个话题已经讨论过很多次了。最好的是闭包编译器,速度最慢的是封隔器。我知道pagespeed,它的时间轴功能非常有用。但是,它只对运行一次有用。最好运行X次并取平均值。这能以某种方式做到吗?实际上,如果不使用网络节流器,很难用它来衡量性能的实际改善。@symcbean:是的。或者我的网络节流器的等价物:100位(甚至10位)连接上某处的慢速VPS服务器。:-)它不需要精确,只需要提供压缩机之间的比较