클릭당 비용이 많이 드는 클라이언트에서 Ajax 요청을 보내고 있습니까?

Question

$("*").click(function(){...})은 비싼 것으로 간주됩니까?-See here.

클릭 할 때마다 ajax 요청을 보내는 것은 어떻습니까?

일반 사용자에게 눈에 띄는 (perf?) 문제가 발생합니까? 이 앱은 빠르게 정상적인 웹 앱을 클릭해야하는 게임이 아닙니다. 상대적으로 드문 클릭이 있습니다.

예를 들어 사이트로 스택 오버플로를 가져옵니다. 이것이 SO에서 수행 된 경우 비용이 많이 듭니까?

참고 - 연결된 질문에서 나는 적어도 일부 브라우저에서는 $("*").click()이 자체적으로 끔찍한 성능을 보일 것이라는 사실을 알게되었습니다. 퍼포먼스 호그가 아닌, 내가 원하는 것을 (클릭 할 때마다 아약스 요청 보내기) 할 수있는 더 나은 기술이 있습니까? 답변은 live()입니까?

참고 - 나는 엄청난 수의 동시 사용자가있을 것으로 예상하지 않기 때문에 클라이언트에 집중하고 있습니다. 나는 서버가 그것을 처리 할 수 ​​있다고 믿는다.

Answer 1

, 당신은 대신 모든 요소를 ​​바인딩의 delegate 방법을 사용한다 :

$('body').delegate('*', 'click', function(){ ... }); 

이 몸 요소를 하나의 이벤트 처리기를 바인딩 및 이벤트를 처리 할 때까지에서 그들은 거품 클릭 된 요소

모든 클릭에 대해 AJAX 요청을 보내면 브라우저에 많은 영향을 미치지 않지만 사용자가 많은 경우 서버에서 무거울 수 있습니다. 또한 한 번에 여러 번 클릭하면 요청이 서버에 대기하게되고 모든 응답이 브라우저로 다시 전송되는 데 시간이 걸립니다.

Answer 2

nah! 아약스는 배후에 happes를 요청합니다. 귀하의 사용자는 통지하지 않습니다. 모든 분석 도구가이를 사용하므로 왜 우리가 걱정해야하는지 궁금합니다.

Stackoverflow 나는 자신의 클릭 추적 광고가 장면 뒤에서 실행하게 될 것입니다.

나는 당신이 좋은 하드웨어와 모든

Answer 3

클라이언트 현명한 의미와 동시에 너무 많은 아약스 요청을 보내지 않는 경우는, 확인을해야 좋은 대역폭 처리량을 가지고, 그것은 확인을해야합니다. 약 30 개의 open ajax 요청을 실행하면 (심지어 Chrome에서 멈추는) 많은 작업이 느려질 것입니다.

모든 요청을 처리해야하는 서버 측에서 문제가 더 많을 수 있습니다.

업데이트

$(document.body).on('click' , function(e) { 
    //here i handle all clicks in the document 
    //the source of the click is 
    var src = e.target; 
}); 

Answer 4

당신은 모든 클릭 이벤트에 서버 요청을 보내는 경우 해당 서버에 부담을 만들 수 있습니다. 100 명의 사람들이 동시에 그것을 사용하고 웹 서버가 응답을 요구하는 900 건의 요청보다 10 초 후에 3 초마다 클릭합니다.

주의하십시오. 이 경로를 선택하는 경우 브라우저 캐싱을 활용하여 응답해야합니다. 당신은 어디서나 클릭을 잡으려고합니다