chrome inactive tab setTimeout, setInterval 실행 느림

• 브라우저에서 js 코드 실행속도가 이상하게 느려져서 어떤 문제인가했는데,
• 개발자도구를 새창으로 열고(콘솔보는용도로)
• 탭을 백그라운드로 보내버렸더니 생긴문제였다
• setTimeout, setInterval 메서드의 경우 탭이 인액티브 상태이면 1초 이상으로 제한된다고 한다
• 인액티브 상태는 최소화하는 등 화면에서 사라지는 경우를 말하는 것 같다

setInterval(() => {
  log(1);
}, 100);

• 위코드를 작성하고 개발자도구 콘솔창을 새창으로 열고
• 탭을 최소화하면 1초 간격으로 실행되는 것을 확인 할 수 있다

참고

• WindowOrWorkerGlobalScope.setTimeout() - Web APIs | MDN
• Javascript performance when running in an unfocused tab