minify - 缩小可以提高性能吗？

Question

我使用 uglifyJS 缩小了 Javascript 和 CSS 文件，磁盘上的文件大小已大大减小。但在使用 Chrome 开发者工具检查网络选项卡中加载资源的总时间时，我发现没有区别。那么缩小真的能提高性能吗？如果是的话我该如何测量？

Answer 1

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

例如Chrome的V8自动优化编译器inlines functions less than 600 characters long - 包括空格和注释。

假设我们有一个长度超过 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 函数的性能，我们会得到以下结果:

显然，缩小后的函数的执行速度快两倍。