반응형

jquery 성능 2

jQuery 성능향상 방법

jQuery 성능 조정 이 기사의 두 번째 부분에서는 jQuery 코드의 성능을 향상시키는 방법을 살펴본다. 앞 섹션에서는 jQuery를 JavaScript 라이브러리로 선택하는 것이 성능을 고려했을 때 현명한 선택이라는 점을 살펴보았다. 운이 좋아서 이 기사를 읽고 있다면 아마도 jQuery를 사용해 보고 있을 것이다. 하지만 기본 라이브러리가 빠르다고 해서 작성한 모든 코드의 품질이 좋다고 말할 수는 없다. jQuery를 사용하여 코드를 작성할 때 주의를 기울이지 않을 경우 실제로 매우 느린 코드가 작성될 수도 있기 때문이다. 이 섹션에서는 jQuery 코드의 속도를 향상시키기 위한 몇 가지 성능 조정 및 베스트 프랙티스 팁을 단계별로 설명한다. 팁 1 - 되도록이면 CLASS 대신 ID를 사용하여 ..

웹 개발 2019.08.15

jQuery 성능 향상 방법

$("#site_id").css("display", "none"); $("#site_id").css("color", "red"); $("#site_id").css("border", "1px solid #cccccc"); 와 같이 사용할 경우에는 매번 객체를 search 하기 때문에 오래 걸린다. 이와 같은 경우 var $site_id = $("#site_id"); $site_id.css("display", "none"); $site_id.css("color", "red"); $site_id.css("border", "1px solid #cccccc"); 이와 같이 사용하면 최초 변수 선언시 1번만 search를 하기 때문에 성능 향상을 기대할 수 있다.

웹 개발 2019.08.15
728x90
반응형
loading