Ajax 동기방식 통신속도를 빠르게 하는 방법이 있을까요??

Question

현재 집이라 소스코드가 없는점 죄송합니다. 간단한 로직이라 말로 설명하도록 하겠습니다. 웹페이지에 이름, 연락처, 이메일주소를 입력하는 칸이 있고, 그 밑에 라디오 버튼이 있습니다.라디오버튼 값에 따라 밑에 다른 내용을 보여주는 기능입니다.먼저 이름과 연락처, 이메일주소를 입력하고 다른 라디오버튼을 선택하면 1) ajax 동기방식으로 이름,연락처, 이메일주소를 통해 DB에 등록되어 있는 사람인지 체크를 합니다. 2) 그리고 1)의 결과값에 따라 ajax 동기방식으로 회원등급을 불러옵니다.3) 그리고 2)의 회원등급에 따라 ajax 동기방식으로 불러올 내용을 불러옵니다.4) 3)의 내용을 라디오버튼 밑에 뿌려줍니다. ajax 동기방식을 총 3번 호출하는데 1번 할때마다 1초정도씩 걸립니다.그래서 라디오 버튼 변경시 1) ~ 4)를 거쳐서 거의 3~4초 뒤에 결과가 나옵니다. ajax 통신 속도를 개선할 수 있는 방법이 있을까요??

송서리 · Answer

1,2,3을 하나의 ajax요청에 통합하면 어떤가요

Dierslair · Answer

회원 등급같은 경우, 페이지 로딩 후 미리 불러와서 변수 저장 후, 유저 반응에 따라 보여줘도 될 것 같네요

noob · Answer

송서리 // 1,2,3이 각각 독립된 기능이라서 다른 페이지에서는 1번만 쓰는곳도 있고, 2번만 쓰는곳도 있고 이런 구조로 되어있습니다.John Suhr // 미리 불러오는건 안되고 이름, 연락처, 이메일주소를 다 입력하고 나면 그때 불러오도록 해야 합니다.

송서리 · Answer

해당 기능을 따로 빼서 1,2,3같이 반환해주는 API 새로 만드셔도 될 것 같습니다.

xml개발자 · Answer

AJAX자체 속도를 개선할 수는 없습니다.먼저, 속도가 정체되는 구간을 확인하세요. WAS인지, DB인지, 혹은 JAVASCRIPT 영역인지구간을 확인하고, 해당 구간을 튜닝하는 방법뿐입니다.회원정보같은 개인정보 말고, 보안에 상관없는 정보는 미리 불러와서 HTML이나 JAVASCRIPT 변수에 넣어서 사용하는게 좋을 것 같네요.

빨간오이 · Answer

콘푸로스트님 말씀처럼 ajax 1회 호출 당 1초가 걸리는 것 자체가 우선 문제입니다. 브라우저의 개발자 툴에서 해당 ajax 호출건의 timing 을 확인해서 ttfb 같은게 길면 api 내부 병목구간 잡으세요. 다운로드 시간이 길면 데이터 양이 문제겠죠. 그다음은 sync 가 아닌 async 로 전환해서 1,2,3 동시호출해야 합니다. Promise.all() 을 써서 promise 형태의 ajax 호출을 동시 수행하고 3개 응답을 모아서 한 번에 처리합니다. - 비동기라서 가능합니다.

noob · Answer

콘푸로스트 , 빨간오이 // 똑같은 소스코드에 DB를 참조하는데 저희 테스트 서버에서는 속도가 빠르게 나오는데 실제 운영중인 서버에서는 속도가 저렇게 1초가 나옵니다.계속 이것저것 알아보다가 크롬 개발자 도구의 네트워크 탭에서 확인해보니 차이나는 곳이 &#34;Request Headers&#34; 부분에서 차이가 납니다.실제 운영서버에서는 Sec-Fetch-Mode: cors 라는게 있는데 혹시 이것때문에 응답속도가 느린걸까요??(실제 운영중인 서버는 Host 주소는 가렸습니다)[실제 운영서버] [테스트서버]

빨간오이 · Answer

운영서버니까 테스트 코드 같은 거 심는 건 무리겠죠. 코드 가 같다면 다른 환경적인 영향을 봐야합니다.우선 2티어나 3티어 같은 인프라의 구성이 다를 수 있는데, 그건 원인이 아닐 겁니다. 다른 코드들은 문제 없으니까...그 다음은 운영과 테스트 서버는 DB 테이블 내의 데이터량이 크게 다를 수 있습니다. 작성하신 쿼리나 코드가 참조하는 DB 테이블들의 데이터가 테스트와 운영에서 어떻게 차이나는지 확인하세요. 저도 최근에 그런 문제가 있었지요.쿼리나 코드가 DB 레코드 수에 대하여 갖는 시간복잡도를 감안하셔서 제대로된 테스트가 가능하게끔 데이터량을 최대한 운영서버와 맞춰놓고 테스트해보세요. 어쩌면 index 안 타는 쿼리 같은 간단한 문제일 수도 있고 많이 뜯어고쳐야할 수도 있습니다.이쯤 하면 원인이 잡히지 않을까요?

Ajax 동기방식 통신속도를 빠르게 하는 방법이 있을까요??

8개의 답변

#mvc5 목록