6

我使用了 5 个 JavaScript 压缩器来压缩一个 JavaScript 库（JSMin、YUI 压缩器、Packer、闭包编译器和 UglifyJS）

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

我制作了一个简单的测试页面，它使用了库的所有公共方法。有没有工具可以测试这个测试页面的页面速度？例如。在浏览器上运行 X 次并返回平均加载速度。

感谢您的回答！

4

4 回答 4

1

无需复杂：

<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>

脚本中的脚本<head>一般是串行加载的，所以这应该是衡量脚本执行时间的合理方法。如果您有执行 form 的脚本<body onload="...">，则在该函数的末尾而不是正文的末尾进行经过时间的计算。

此方法不会测量通过setTimeoutor执行的“异步”函数的执行时间setInterval，但不应计入加载时间。

另一种可能更简单的选择是使用 Chrome 或 Safari 的网络检查器内置的 javascript 分析器。

于 2011-06-08T00:41:17.083 回答
0

我怀疑PageSpeed 工具是您正在寻找的。

于 2011-05-24T08:30:53.793 回答
0

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

于 2011-05-24T08:33:18.550 回答
0

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

您应该根据最重要的指标来分析使用不同压缩器压缩的站点。

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

于 2011-05-25T07:39:05.220 回答