缩小是否会提高性能？

Question

我使用uglifyJS缩小了我的Javascript和CSS文件,磁盘上的文件大小已经大大减少了.但是在检查网络标签中加载的资源的总时间时,使用Chrome开发者工具,我发现没有区别.缩小真的会提高性能吗？如果是,我该如何衡量它？

Answer 1

缩小可以提高性能,具体取决于您的JavaScript引擎.

例如,Chrome的V8优化编译器自动内联少于600个字符的函数 - 包括空格和注释.

假设我们有一个长度超过600个字符的函数:

function f() {
  // A long comment... bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
  return 1;
}

缩小将此缩小为function f(){return 1}.

如果我们现在调用两个变体n次并比较raw和minified函数的性能,我们得到以下结果:

显然,缩小功能的执行速度是原来的两倍多.

Answer 2

它只改进了 JS 的大小，因此它的加载，但没有其他。MinifyJS 现在可能没那么有用了；除非你有很多 JS 脚本要为你的页面加载。例如，如果您使用某些 JS 框架或库，那么最好使用它们的缩小版本，但对于您自己的单个脚本来说，它可能没那么有趣。