경박한시민웹페이지를 하나 만들고 있습니다.
기존에는 플래시로 만들다가 요즘 플래시 지원안되는 브라우저들이 많아서 (특히 안드로이드폰) jQuery로 다시 만드는 중입니다.
근데 이 페이지를 익스플로러 브라우저에서 10분정도 화면을 띄워두면 점점 느려지다가 먹통이되고
크롬에서는 시간이 좀 더 느릴뿐 비슷한 증상이 발생을 합니다.
서버에서 실시간으로 데이터를 좀 받아오는데 그 양은 정말 얼마 안됩니다.
혹시 그럴만한 원인이 있을까요?
* 서버나 PC의 자원은 남아도는 상태 입니다. 홈페이지 같은건 정규과정으로 배워본적이 없는 구글 찾아 삼만리 하는 초보 입니다.
만들고 있는 사이트 주소는 아래와 같습니다.
아..참... admin 에 admin 으로 로그인 합니다. 허허허허
--------------------------------------------------------------------------------------------------------------------------
일단 원인 찾아주신분들과 여러 조언 해 주신 분들께 감사 드립니다.
메모리 누수를 발생시키는 부분에 대해서 몇몇부분 임시로 수정하고
자바스크립트 에러나는 부분들도 손보았더니 상태가 많이 개선이 되었습니다.
조언해 주신 부분들은 시간이 될때 찬찬히 다시 살펴보도록 하겠습니다.
감사합니다.
자바스크립트 에러도 지속적으로 증가되는게 보입니다.
실시간 데이터 불러오는 시간을 늘리면서 일정시간 지나면(메모리 점유율이 ? % 넘지 안는 시간) 페이지 새로고침 같은걸 해주면 아주 조금 도움은 될거 같습니다.
데이터를 불러온 후 메모리가 쌓이지 않게 하는게 우선일거 같습니다.
참고 url
https://www.google.co.kr/search?q=jquery+ajax+%EB%A9%94%EB%AA%A8%EB%A6%AC+%EB%88%84%EC%88%98&rlz=1C1CHZL_koKR735KR735&oq=jquery+%EB%A9%94%EB%AA%A8%EB%A6%AC&aqs=chrome.4.69i57j0l4.11824j0j7&sourceid=chrome&ie=UTF-8
참고하겠습니다
감사합니다
아래의 stackoverflow에 설명되어 있구요.
이런 건들은 jquery가 loop를 돌면서 memory 또는 process clean을 못해서 생기는거에요.
https://stackoverflow.com/questions/3080403/jquery-auto-refresh-div
시간될때 찬찬히 확인해봐야겠습니다
한방에 해결될듯합니다
http://2cpu.co.kr/hojak/5652
카메라가 남아서 달아본것입니다.
서버와 단발성 통신이 너무 많습니다.
한 페이지 전체 혹은 구역별로, 주고받는 데이터타입을 json형식으로 정리해서
이벤트 처리하는게 어떨까요.
시간이 있으시면 websoket이나 angularjs 도 도움이 될수도 있겠네요.
단발성 데이터 통신이 너무많습니다...
연결 끝맺음이아니라 이어가야합니다.
또한 데이터 공유시. ..한개의 url로 다중처리하여 한번호출로 가져와야할 듯 합니다.
조언 감사드립니다.