vue-devtools & 성능

크롬 확장 프로그램을 설치하면 사용할 수 있는 vue-devtools의 기능 중에 1초에 몇 프레임이 그려지는지, 퍼포먼스가 어떤지 보여주는 탭이 있다.

• Frames per second
  : 초당 60프레임 이하면 눈에 조금 버벅거리는게 보이기 때문에 최소 초당 60 프레임 이상이 되도록 노력해야 한다.

• component render
  : 라이프사이클 관련 메소드들이 각 몇 번 호출되고 있는지 나온다. 컴포넌트가 하나 업데이트 되었을때 count도 하나만 올라가는지 유심히 살펴보자. 필요 이상의 숫자가 증가하면 쓸데없는 컴포넌트도 다시 렌더링 되고 있다는 뜻이다.