웹사이트 제작에 유용한 무료 웹 UI 테스트 도구 모음

 

 

 

 

 

 

 

웹 사이트를 미리 테스트 할 수 있는 도구 모음

 

 

웹 사이트 제작에 가장 중요한 단계는 웹 사이트 테스트입니다. 웹 사이트 테스트는 속도 테스트, 보안 테스트, 크로스 브라우저 호환성, 접근성 테스트, 반응성 설계 시험 등과 같이 웹 사이트를 실행할때 발생되는 문제점을 필요한 시험을 통해 미리 점검하여 보완하는 것을 말합니다. 특히 사이트의 속도, 디자인, 크로스 플랫폼 테스트는 검색엔진 순위에 매우 중요한 요소중에 하나입니다.

 

오늘 소개해드릴 프로그램은 웹 사이트를 미리 테스트 해볼수 있는 훌륭한 도구들을 소개해 드리겠습니다. 사이트 오픈전에 꼼꼼히 테스트해보고 수정해서 보다 완벽한 웹 사이트를 구축해보세요.

 

 

 

 

 

 

 

PageSpeed Insights

 

페이지 로딩 속도는 웹 사이트의 가장 중요한 요소중에 하나입니다. 사람들은 느린 로딩페이지를 기다려 주지 않습니다. 사이트 최적화로 사용자의 기대속도에 부합하는 로딩속도를 만들어야 하는데요.
PageSpeed Insights는 구글에서 제공하는 무료 웹 사이트 속도 테스트 서비스입니다. 웹 페이지를 분석한
후, 웹 사이트의 속도와 성능을 향샹시키기 위한 조언을 제공합니다.

 

PageSpeed는 세 가지 유형의 아이콘으로 상태를 표기해 줍니다.

빨간색 느낌표 / 노란색 느낌표 / 녹색 확인 표시


빨간색 느낌표 페이지는 페이지 속도에 부정적인 영향을 미칠 문제가 있다는 표시입니다. 곧 바로 해결해야할 만큼 심각한 문제이니 꼭 검토해봐야합니다.
노란색 느낌표 현재는 심각하지 않지만 시간적으로 여유가 있을때 해결해야한는 문제점입니다.
녹색 확인 마크는 사이트에 페이지 로딩 속도에 관련하여 아무련 문제가 없다는 표시입니다. 최적화 사이트에 해당됩니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

Watcher

 

웹사이트에 대한 숨겨진 공격과 보안 위협의 수는 날로 증가하고 있습니다. 오늘날의 인터넷은 불과 몇년 전 과도 판이하게 다를 정도로 지속적으로 발전해 왔지만 해킹기술도 그와 동시에 발전하고 있습니다. 외부의 공격으로 부터 웹 사이트가 안전한지 꼭 확인해봐야 하는 이유인데요.

Watcher는 기본적으로 웹 보안 문제를 찾기 위해 침투 테스터를 이용한 취약점 스캐닝 도구입니다.

Watcher는 SSL, 플래쉬, 유니코드, 실버, 쿠키, 댓글등 뿐만 아니라 웹 보안 문제를 감지합니다. 사용방법은 매우 쉬워서 추가적인 교육이나 지식이 필요하지 않습니다.

 

 

 

 

 

 

 

 

 

 

 

 

Browsershots

 

Browsershots는 웹 사이트의 크로스 브라우저 호환성을 확인해주는 온라인 웹 프로그램입니다. 사용자는

브라우저 뿐만 아니라 다양한 장치를 보다 폭 넓게 선택하여 브라우저 및 모든 유형에 맞는 웹 사이트를

만들수 있습니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

Web Accessibility Checker (AChecker)

 

웹 접근성은 웹 사이트의 개선에 매우 중요한 요소중에 하나입니다. 사용자에게 언제 어디서나 웹 사이트에 접근할 수 있는 방식으로 설계해야합니다. 향상된 웹 접근성은 보다 나은 검색엔진 순위와 긍정적인 홍보 효과를 얻을 수 있습니다. AChecker는 2009년에 토론토 대학의 인클루 시브 디자인 연구센터에 의해 개발된 웹 접근성 검사 도구로서 HTML의 평가하는데 유용한 프로그램입니다.

 

 

 

 

 

 

 

 

AccessColor

 

웹 사이트의 컨셉에 맞는 색상 선택은 사용자에게 좋은 영향을 미칩니다. 그래서 적절한 색상 조합을 선택하는게 중요한데요. AccessColor는 색상 밝기와 모든 요소의 배경과 전경 사이에 색상 대비를 테트해 주는 프로그램입니다.

 

 

 

 

 

 

 

 

 

Selenium

 

웹 사이트가 다른 브라우저, 언어, 운영체계에서 잘 작동하는지 테스트를 해야하는데요. 셀레늄은 브라우저, 언어 및 os 호환성뿐만 아니라 시스템의 기능까지 확인해주는 자동화 테스트 프로그램입니다.

 

 

 

 

 

 

 

 

 

 

 

 

Ettercap

 

MITM(man-in-the-middle)은 해커에 사용되는 위험한 공격중 하나입니다. 이러한 공격은 공격자가 사용자의 컴퓨터에서 제공하는 모든 정보를 캡쳐할 수 있는 능력이 있기 때문에 인터넷 뱅킹 같이 금융거래에 매우 위험할 수 있습니다. Ettercap는 무료 웹 보안 도구로 MITM의 캡처, 네트워크 세그먼트 트래픽 차단, 네트워크 프로토콜 분석 뿐만 아니라 다양한 웹 보안 기능을 제공합니다.

 

 

 

 

 

 

 

 

 

 

 

 

Screenqueri.es

 

Screenqueri.es은 해상도 테스트 도구입니다. 웹 사이트가 30가지 이상의 장치의 해상도에 적합한지 테스트해주며 사용자 정의 해상도로 잘 작동하는지 확인할 수 있습니다.


 

 

 

 

 

 

 

 

 

 

<관련글>

2013/08/13 - 다이나믹한 느낌의 CSS3 애니메이션 버턴 무료 소스

2013/07/22 - 텍스트를 자연스러운 음성으로 변환해주는 프로그램 소개

2013/07/17 - 구글 트래픽을 감소시키는 웹사이트 디자인 실수 7가지

2013/07/11 - 각종 웹 브라우저 템플릿 포토샵 무료 PSD 소스 12종

2013/06/07 - 최근 유행하는 웹사이트, 홈페이지 포토샵 무료 템플릿 소스 모음

2013/06/03 - 역동적인 스포츠 블로그 제작에 유용한 무료 워드프레스 테마 모음

2013/05/22 - 안전한 웹 브라우징을 위한 무료 VPN 서비스 10종 소개

이 글을 공유하기

댓글(2)

  • 2013.08.19 18:39 신고

    되게 유용한 정보네요 ~

    google pagespeed insights 빼곤 다 처음보는 것들이에요 !!
    생각보다 티스토리 자체 코드가 무게가 좀 있나봐요.. 거기에서 좌르륵 걸려버리네요 ㅠ

    • 2013.08.20 09:41 신고

      안녕하세요. 한소나무 저도 티스토리 검사해보니 대부분 포스팅하고 스킨에서 많이 잡아먹는것 같습니다. ㅜㅜ 소개해드린 프로그램은 웹사이트 제작후 마지막 점검으로 사용하면 유용한 자료입니다. ^^ 멋진 홈페이지 만드시면 소개 부탁드려요~

Designed by JB FACTORY