dynaTrace를 통한 웹페이지 검사

dynaTrace는 AJAX 성능 테스트 툴로써 페이지 검증할 때 유용하게 쓰이는 툴입니다.

아래 사이트에 가면 프로그램 설명 및 설치파일을 다운로드 할 수 있습니다.

웹사이트에 가면 언제 이 프로그램을 써야 하는지 설명이 나와있습니다.

speed page load times using performance reports that analyze every visited page based on known best practices from Google, Yahoo! and Compuware
diagnose performance differences between Firefox and Internet Explorer versions of the same Web pages
improve time to first impression of your Web pages
track JavaScript and DOM call execution with Compuware patented PurePath Technology’s unique deep tracing capability
automate performance analysis across Firefox and Internet Explorer without modifying your test scripts
compare your Web page performance to peers and competitors

직접 프로그램을 실행하여 기능을 살펴보도록 하겠습니다.

설치한 후 프로그램을 실행시키면 다음과 같은 화면이 나옵니다.

다음으로 사이트를 직접 검사해보도록 하겠습니다.

웹사이트를 검사하기 전에

해당 프로그램은 브라우저를 통해 검사므로 아래 플랫폼만 지원됩니다.

지원 플랫폼은 다음과 같습니다.

Setp1 : Click here to start tracing을 클릭합니다.

다음과 같이 이름과 URL주소를 적는칸이 나옵니다.

(테스트 이므로 네이버를 입력하였습니다.)

Run을 누르면 Explore 창이 열리고 네이버 화면이 뜬다.

만약에 화면에 아무것도 나오지 않는 경우는 하단에 다음과 같은 팝업이 뜨는지 확인 한다.

검사를 위해서 사용을 누른다.

그러면 네이버 창이 열리고

검사하고 싶은 페이지로 이동한다.저는 네이버스포츠 화면으로 이동하였습니다.

(페이지 별로 검사하기 때문)

검사가 끝났으면 창을 닫습니다.

그러면 왼쪽 Session에 방금 검사한 사이트의 결과가 나와있습니다.

결과를 보기 위해 첫번째로 Performance Report를 클릭합니다.

첫번째 탭을 보면 내가 이동한 페이지 URL이 나옵니다.

Rank를 보니 각각 B와 D 점수를 받았네요

(점수는 A~F까지 있습니다)

위쪽 탭에서 원하는 URL을 클릭하면 아래 상세결과 페이지가 나옵니다.

그다음에 Timeline으로 이동해 보겠습니다.

결과를 보면 해당 페이지가 열릴때 항목별로 걸리는 시간이 나와있습니다.

약 3.5s가 걸렸고 자바스크립트가 계속 실행되는 것을 볼 수 있습니다.

만약에 사이트가 로딩이 오래걸리거나 퍼포먼스가 나오지 않는다면 다음 프로그램을 통해 검사를 해보는 것도 나쁘지 않는 것 같습니다.

그리고 무료이고 사용에도 제약이 없으므로 개발 중간중간 검사해보면서 성능을 개선하는 것도 좋을 것 같습니다.

잡다한 iOS 개발 일기