UI 개발을 한 후에 성능 테스트를 하려고 하면 쓸만한 도구가 없다.

물론 각종 프로파일링 툴로 확인도 하지만 매우 부족하다.

예로 처음 로딩시 초기 UI를 구성하기 까지 시간을 측정했을 때
네트워크 시간, javascript 시간, 랜더링 시간 이렇게 구분하려고 하면
상당히 원시적인 방법으로 해야했다.
(물론 내가 못본 툴이 있을수도 있겠지만 다들 만족스런 결과는 아니였다.)

그나마 지금 까지 본 툴중에는 젤 그럴듯 하게 지원하는 툴이 아마 dynatrace인것 같다.

일단 무료다.-_-;
그리고 사용법은 이곳에 동영상을 보면 쉽게 이해 할수 있어서 스킵.

잠깐 이것 저것 해본 결과 괜찬다고 생각하는 기능 몇가지를 소개할까 한다.
(정확한지는 모르겠다)
1. graph로 어디가 병목인지 알게 쉽게 되어 있었다.
사용자 삽입 이미지

위의 그림에서 보면 이벤트, javascript, network 이렇게 3가지로 구분하여 비용현황을 볼수 있다.

2. 시간의 순서대로 페이지에 어떤일이 있어났는지 확인이 가능하다.
사용자 삽입 이미지


3. 무엇이 가장 시간이 오래 걸리는지 한눈에 확인이 가능하다.
사용자 삽입 이미지

여기에는 랜더링 시간, 함수 시간, ajax등 모두 포함되어 있다.

아직 윈도우에 IE만 지원한다.(추후 firefox지원 예정)
하지만 지금꺼 보아온 성능 툴과 비교하여 편하게 좋은 데이터를 볼수 있어 좋은것 같다.

혹시 UI개발에 성능 측정 도구가 필요하다면 dynatrace을 사용하라고 추천하고 싶다.

Posted by 전용우

전에 봤던 파일 업로드와 틀리게 간단히 commons fileupload와 prototype을 이용하여 구연되어있다.소스도 간단하고 조금만 수정한다면 많은곳에서 사용할수 있겠다.

관련링크:AJAX file upload progress for Java using commons fileupload and prototype

Posted by 전용우

강의 바로 가기
첫강의를 들어봤는데 다행히 거의 pdf를 설명하는 내용이라 어렵진 않았습니다
(결코 다듣진 못함..ㅡㅡ;)
그리고 보니 speakernoted라는 파일이 있어 들을때 유용할것 같습니다.
세심한 배려...잼있네요. 시간날때 틈틈히 봐야겠네요.^^;
정말 자세히 설명하네요..근데 잘 듣지도 못하는데 소리도 무지 작네요..ㅡㅡ;

1. AJAX Basics & Development Tools


  -이번강의 에서는 기초적인 ajax정의와  사용예

  -간단한 예제와 디버깅툴 에 대해서 얘기하고 있다
     :Fire debug를 이용한 console logging,breakpoint를 이용한 data flow확인.

  -간단히 정리하자면 좋은점은 너무 많이 나와있고 많으니 나쁜점만 요약하면
     1.보안에 문제가 많다.
              -물론 ajax쓴다고 해서 갑자기 늘어난건 아니지만 ajax의 주요 핵심인
               javascript가 노출되어있다

     2.복잡성이 커진다
               -sever side develop만큼이나 높은 cilent develop가 필요하다

     3.디버깅,테스트,유지보수가 힘들다
               -자바스크립트는 테스트가 어렵다,모듈화가 안된다.
               -아직 초기단계라 확실한 개발방법이 없다.

     4.툴킷이나 프래임워크가 아직 부족하다
               -베타단계다...

     5.아직XMLhttpRequest는 비표준이다
                -곧 된다고 한다.

     6.구브라우져에서는 작동안한다.

     7.자바스크립트에 의존적이고 브라우져간 호환성에 문제가 있다.

Posted by 전용우
TAG Ajax, 강좌