YSlow 는 야후에서 제공하는 Firefox 애드온으로 웹 페이지의 성능에 초점을 맞춰 페이지를 분석하고 성능의 최적화를 위한 제안까지 해주는 툴입니다. YSlow 는 Firebug 에 추가되는 어플리케이션입니다. 성능을 분석하는 것 뿐만 아니라 Smush.it 또는 JSLint 과의 연동으로 이미지와 자바스크립트 코드까지 ...

WebPagetest 서비스 (AOL 제공)는 웹페이지의 페이지 로드 (로딩이 완료될 때까지)시의 속도와 성능 테스트를 위한 툴입니다. 사이트에서 웹 URL 주소를 부여한 뒤 숫자로 보여지는 테스트 또는 비주얼 비교 테스트를 하여 타 사이트와의 비교도 가능합니다. 또한 방화벽이나 그 외 복잡한 요소들 때문에 ...

구글에서 제공되는 Page Speed 는 FireFox/Firebug 의 애드온(Add-on)으로 웹 페이지의 성능을 측정하고 평가하기 위해 사용되는 도구입니다. 단지 평가만 하는 것이 아니라 성능의 최적화를 위해 권장되는 방법들도 알려주어 성능의 개선을 위한 도움을 줍니다. Page Speed 는 웹 서버의 설정과 ...

Masonry 는 레이아웃 정렬을 위한 jQuery 플러그인으로서 CSS Float 로 발생하는 여백들에 대한 해결책을 제시합니다. 일반적으로 CSS Float (float: left 또는 float: right) 를 사용을 하면 수평적으로 먼저 평행하게 나열을 한뒤에 수직적으로 정렬을 하게 되는데 Mansonry 를 사용하면 수직으로 먼저 정렬을 한 뒤에 ...

Browser Size 는 구글에서 제공하는 Lab 서비스로 방문하는 사용자가 어떠한 크기의 브라우저로 대략 방문하게 되는 지를 측정할 수 있는 테스트 도구입니다. 스크린 샷에서 보이는 95%는 사용자의 95% 정도가 그려진 라인까지를 보게 된다는 것으로 인식할 수 있습니다. 웹사이트 레이아웃 디자인을 돕기 ...

HashGrid 는 웹페이지에서 레이아웃을 검사하거나 테스트하기 위한 자바스크립트 기능입니다. HashGrid 는 단순히 키보드의 ALT+G 키를 누름으로서 레이아웃을 보여지거나 숨길 수 있는 Short Key 기능이 포함되어 있습니다. 자바스크립트와 짧은 CSS 그리고 작은 이미지 하나로 웹페이지에 레이아웃 테스트를 ...

Wave 는 웹 접근성을 평가해 주는 도구이며 WebAIM 에 의해 제공됩니다. Wave 를 통해 여러분의 웹 주소를 입력한 후 Wave 버튼을 누르면 여러분의 웹사이트를 그대로 보여주며 문제점들을 지적해 줍니다. 또는 파일을 업로드 하거나 HTML 코드를 붙여넣기 하여 테스트 할 수도 있습니다. FireFox 툴바로도 ...

웹사이트를 제작하거나 디자인을 하다보면 반드거 거쳐야 할 것이 사용자들이 어떻게 사용하는 지에 대한 Usability 테스트가 아닌가 싶습니다. Fivesecondtest 서비스는 이러한 여러분들의 필요를 5초동안의 사용자가 어떻게 기억을 하는지, 5초동안에 사용자가 어떠한 리액션을 취하는 지 테스트하고 ...