强制浏览器同步渲染性能反而提升了？

Question

1、先看如下代码：

 var el=document.getElementById('app');
     setTimeout(function(){
        el.style.height='20px';
        el.offsetHeight;
     },10000);

上述代码发生了强制同步渲染，在浏览器perfermance 的event log中执行的过程是

而如果改下顺序

 var el=document.getElementById('app');
     setTimeout(function(){
        el.offsetHeight;
        el.style.height='20px';
     },10000);

执行过程是这样的

很明显，第一段代码强制同步渲染少了recalculate style 和layout两个环节，看起来性能似乎提升了?。
看了下vue.js(2.5.13)的transition-group这块有用过，那是不是强制同步渲染就没副作用了呢？
chrome 版本 61.0.3163.100（正式版本） （64 位）
PS:用firfox（56.0 32位）也试了下是同样的结果。