저는 아약스 프론트 엔드와 CDN 백엔드를 제공하여 사이트 검색 속도를 높여주는 도구를 구축하고 있습니다.데모 효과를 위해 사이트로드 타이머 도구
내 아약스 프런트 엔드와 정상적인 HTML 다시로드 모델을 사용하는 것의 차이점을 시각적으로 시연하고 싶습니다. 사이트의 한 페이지에서 다른 페이지로으로 전환하는 을 보여줄 수있는 브라우저 확장 또는 기타 도구와 같은 도구가 필요합니다. 페이지로드 시간을 표시 할 수있는 툴이 있습니다. 그건 내가 쓴 것이 아니야. 하나의 아약스 상태에서 다른 아약스 상태로의 전환을 보여주고 싶습니다.
누구에게 권장 사항이 있습니까?
브라우저 확장 또는 다른 도구에서 사이트의 한 페이지에서 다른 페이지로의 전환을 표시 할 수있는 도구가 필요합니다.
나는 해결책 중 하나는 실제 프리젠 테이션을하고 전환을 수행 할 수 있습니다
또는 개방 불을 지르고 (또는 유사한 도구)로, 두 개의 별도의 페이지를 만들어 그들이 나란히 비교하는 것입니다 생각 당신 자신. 파워 포인트 프리젠 테이션이나 백서를 "도구"라고하지 않으면 두 사이트와 벤치 마크를 나란히 비교하는 도구를 알 수 없습니다
또한 시각적 벤치마킹을 수행 할 수 있습니다. JSPerf (http://jsperf.com/) WebPageTest
와 실제 자바 스크립트 코드의 성능은이 작업을 수행 할 수 있지만 앤디가 언급 한 바와 같이이
, 당신은 WebPagetest이 할 수있는 방법에 스크립트를 배울 필요가 있습니다. "스크립팅"에 너무 미루지 마시고, 상당한 수의 샘플이 있으며 특별한 경우에도 도움을 드리겠습니다.
당신이 할 수있는 멋진 일 중 하나는 시퀀스를 비디오로 기록하고 사이드 바이 사이드 비디오를 만들어 실제 사용자 경험 (항상 통계보다 더 잘 팔리는)을 보여줄 수 있도록하는 것입니다.