저기봐라
684
2018-02-13 17:34:19
3
203

브라우저 중에 heap snapshot 기능이 가장 정확한게 어떤건지 궁금합니다


현재 제가 만들고 있는 사이트는

특정 메뉴 클릭 시 ajax로 필요한 화면 소스를 불러와서 현재 화면에 붙이고,

필요가 없어지면 추가된 화면을 지우는 방식을 택하고 있습니다..


페이지 이동이 전혀 없는 구조이다 보니

장시간 이용 및 필요 화면을 불러왔다 지웠다 할 때마다 메모리 누수가 있을 것 같아서

각 브라우저별로 heap snapshot을 찍어봤는데,

브라우저 별로 결과가 상이하네요


크롬, IE11, 파이어폭스 이렇게 테스트를 해봤는데..


크롬과 IE11은 계속해서 메모리가 쌓이는 것으로 나오고,

같은 테스트 시나리오에서

크롬이 1MB씩 쌓인다면 IE에서는 200KB씩 쌓입니다.


그리고 크롬에서는 4~5시간 동안 냅두다가 다시 snapshot을 찍어봐도 

메모리가 그대로입니다.

IE11은 메모리를 계속 켜놓으면 나중엔 snapshot을 찍지 못해서 확인하지 못했습니다.



반면 파이어폭스 같은 경우에는 2MB가 쌓이기도 하고 10MB가 쌓이기도 하는 등

너무 격차가 크며 

대신에 약 10분 정도 후에 다시 체크하면 쌓여있던 메모리가 완전히 떨어지네요


3개 브라우저 결과가 완전히 달라서 뭘 보고 튜닝을 해야할지 애매한데 

어떤게 가장 정확한건지 궁금합니다





0
0
  • 답변 3

  • 냉동참치
    210
    2018-02-13 17:44:39

    음.. 브라우저마다 구현된 내용이나 구동방식이 다르므로 어느게 맞다 틀리다를 답할수 없는 문제일거 같습니다.

    1
  • hansvelop
    195
    2018-02-13 18:00:16

    냉동참치님 의견에 저도 동의합니다.

    굳이 맞춰야한다면 서비스 할 해당 지역의 브라우져 점유율을 바탕으로 맞추시면 좋을듯합니다. 

    0
  • TheProdigy
    1k
    2018-02-13 19:32:49

    멀티 탭 구조의 ERP 를 만들다 보니 다른 쪽은 안그런데 IE 만 1기가씩 처 먹는걸 보고 난 뒤...

    http://hapina.tistory.com/112

    를 보고 참고 했습니다만.... 뭐... 100% 도움은 안 됐었떤거 같습니다.

    하여튼 JS 최적화가 더 필요할겁니다.

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.