방화범을 테스트 페이지로드 속도

더 JavaScript를 사용하여 자신을 찾으면 더 내 페이지의 몸무게에 대해 걱정하기 시작했다. jQuery의 사용을 많이 tradiotionally 서버측 지금은 JavaScript를 사용하여 클라이언트 측에서 처리할 수있다.

그럼 어떻게 하나 그것에 대해 이미 웹사이트를로드하는 데 걸리는 시간을 측정 가야합니까? 또한, 우리가 어떻게 어떤 파일을 확인 할 로드할 가장 많은 시간을 데려가는거야? 답변을 지르고 인터넷 패널입니다.

)는 "인터넷에 방화범이 끌려 그들을 활성"탭으로 이동합니다 도구 인터넷 (네트워크 모니터링을위한 짧은 사용할 수있습니다.

당신이 순차적으로 방화범이 끌려 여부 항목이 CSS를, JavaScript 또는 이미지 파일의 각 항목의로드 시간을 알려줍니다 그럼 간단하게 귀하의 페이지와 시계를 다시로드합니다.

개똥벌레 다음에 모니터링을 제공합니다 :

↓ 3 개의 댓글 ↓

난 시험이 유형의 방화범이 끌려 대한 ySlow 확장을 권하고 싶습니다. 그물 - 탭 위대한지만 정말 ySlow 도움말 및 정보를 귀하의 사이트의 속도에 많이있습니다.

또한 console.time를 사용하여 JS의 특정 부분에 시간을 콘솔 ()와 console.timeEnd () (여기서 더 : http://getfirebug.com/logging.html)을 사용할 수있습니다.

방화범을 마우스 오른쪽, YSlow 특정 성능 테스트 Addon

나는이 온라인 무료 도구를 권하고 싶습니다 : http://Site-Perf.com/

이 페이지의 로딩 속도를 측정하고 그것의 요건 (이미지 / js / css)는 브라우저를 좋아하십니까 친절 자세한 차트를 보여줍니다 - 그래서 당신은 쉽게 병목 지점 수있습니다.

또한 매우 유용한 점은이 도구는 (패킷 손실 수준의 지연 및 ping)하여 서버의 네트워크 품질을 확인할 수있는 것입니다.

게시물에 추가하기위한 아주 멋져요, 감사합니다.

kevinleary.net