微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决测试压缩JavaScript代码的性能增益

| 我使用了5个JavaScript压缩器来压缩JavaScript库(JSMin,YUI压缩器,Packer,闭包编译器和UglifyJS) 现在我知道闭包编译器是减少文件大小的赢家。 但是,我也想测试一下性能提升。什么是做到这一点的好方法? 我做了一个简单的测试页,其中使用了库的所有公共方法。是否有用于测试此测试页页面速度的工具?例如。在浏览器上运行X次,并返回平均加载速度。 感谢您的回答!     

解决方法

不需要太复杂:
<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>
ѭ1中的脚本通常是串行加载的,因此这应该是衡量脚本执行时间的合理方法。如果您的脚本执行的格式为
<body onload=\"...\">
,则在该函数的末尾而不是主体的末尾执行经过的时间计算。 该方法不能测量通过“ 3”或“ 4”执行的“异步”功能的执行时间,但是这些功能不应计入加载时间。 另一种可能更简单的选择是使用Chrome或Safari的网络检查器内置的javascript分析器。     ,我怀疑您正在寻找PageSpeed工具。     ,在Firefox上使用PageSpeed或YSlow,在IE上使用HTTPAnaylser来测试时间负载差异。     ,这实际上取决于您的听众最关心该网站。时间出现在屏幕上?该完成加载了吗?动画流畅度?互动响应能力?还是原始计算速度? 您应该根据最重要的指标对使用不同压缩器压缩的站点进行概要分析。 旁注:简单模式下的Closure编译器仅产生最小的加速。它可以减小文件大小,但是JavaScript程序保持不变。要获得显着的代码减少和速度优化,您必须使用高级模式。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。