본문 바로가기
IT 자료

jquery show hide 성능

by 성곤 2018. 5. 21.
반응형


jquery show hide 성능


jquery에서는 show, hide라는 기능을 제공한다.


멋진 애니메이션 효과를 사용하는게 아니라, 단순히 해당 내용을 hide하고 show하는 것만 보여준다면


해당 기능을 사용하는 것을 고려해봐야한다.


해당 기능을 많이 실행하게 되면(for문이나) 전체적으로 많이 느려지게 된다.


show()를 겨우 초당 수백번을 실행했는데 브라우저가 버벅거렸다.


나와 같은 경우를 겪은 사람들도 있다.

stackoverflow : https://stackoverflow.com/questions/6861011/hide-show-are-very-slow



아무리 좋은 라이브러리를 사용한다고 해도, 자바스크립트의 네이티브 언어를 이길 수는 없다.


show()와 hide()를 사용하면서 버벅거림을 느낀다면 이렇게 해결하자



show() 대신에

document.getElementById('html_id').style.display = "table-row";


hide() 대신에

document.getElementById('html_id').style.display = "none";










반응형