소프트웨어/JavaScript • Dhtml

페이지 리소스 용량를 집계하는 북마클릿 - Statsy

falconer 2009. 12. 10. 08:50

Statsy는 Stoyan Stefanov씨가 만든 웹 페이지의 성능을 가늠하기 위한 정보를 제공하는 북마클릿입니다. 자바스크립트 속성이 할당된 크기, 스타일시트 사용량, 스크립트 사용량 등 다양한 집계를 알려 줍니다. 설치방법은 아래의 statsy 링크를 북마크바로 끌어다 놓으면 됩니다.

statsy - 이 링크를 북마크바로 이동하세요.

  • JS attributes (e.g. onclick) - 노드의 onclick, onmouseover 속성 등에 사용된 코드의 바이트(bytes)
  • CSS style attributes - 노드의 style 속성에 사용된 문자열 길이의 집계
  • Inline JS - HTML에 인라인으로 작성된 script 요소에서 사용된 자바스크립트 코드의 길이를 집계
  • Inline CSS - HTML에 인라인으로 작성된 style 요소에 사용된 스타일시트 코드의 길이를 집계
  • All innerHTML - document.documentElement.innerHTML.length를 반환
  • # DOM elements - 페이지에서 사용중읜 DOM 요소의 수를 집계

출처 : http://firejune.com/1501