Vue.js에서 큰 Object를 다룰 때는 Object.freeze하면 100 배 정도 빨라집니다.

제목대로이므로 우선 결과를 봅시다.

See the Pen EMNpVM by isuke ( @isuke )
on CodePen .


실행 결과 ↓





정확한 측정은 아니지만 분명한 속도의 차이를 알 수 있습니다.



라고 말하는 것으로 큰 Object를 취급할 때는 Object.freeze 하면 좋다.





조금 주의



  • Object 를 렌더링 하는 경우는 이것을 해도 병목의 해소는 되지 않을 가능성이 있습니다. 결국 렌더링에 시간이 걸리기 때문에.
  • devtools 가 활성화되어 있는지 여부에 따라 결과에 차이가 있을 수 있습니다. devtools 가 괴롭히고 있을지도 모르기 때문에.
  • vuex의 경우, strict 모드가 유효한가 어떤가로 결과에 차이가 있을지도 모릅니다. 참고 1 참고 2


참고




좋은 웹페이지 즐겨찾기