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

发布于 2024-11-09 12:27:29 字数 238 浏览 3 评论 0原文

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

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

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

感谢您的回答！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

彻夜缠绵 2024-11-16 12:27:29

没有必要太复杂：

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

中的脚本通常是串行加载的，因此这应该是测量脚本执行时间的合理方法。如果您有执行形式的脚本，则在该函数末尾而不是正文末尾进行经过时间的计算。

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

一个替代并且可能更简单的选项是使用 Chrome 或 Safari 的网络检查器内置的 javascript 分析器。

There's no need to be complex about it:

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

Scripts in the <head> generally load serially, so this should be a reasonable method for measuring script execution time. If you have scripts executing form <body onload="...">, then do the time elapsed calculation at the end of that function instead of the end of the body.

This method would not measure execution time for "asynchronous" functions executed via setTimeout or setInterval, but those shouldn't count against load time.

An alternative and likely simpler option is to use the javascript profiler built-in to Chrome or Safari's web inspector.

回复收藏 0 原文