웹 페이지에서 오류를 테스트하고 검사하는 방법

웹 사이트에서 오류를 확인하고 다양한 웹 페이지를 개선 할 수있는 방법을 찾는 데 사용할 수있는 수십 가지 서비스가 있습니다. 다음은 우리가 가장 좋아하는 무료 온라인 서비스 목록입니다.

  • W3C 마크 업 확인 - 월드 와이드 웹 컨소시엄의 공식 유효 검사기입니다. 오류에 대해 웹 페이지에서 사용하는 HTML, XHTML 또는 기타 마크 업 언어를 확인하는 귀중한 리소스입니다.
  • Google 웹 마스터 도구 - 모든 웹 마스터에게 필수입니다. 이 무료 서비스를 사용하면 오류가있는 페이지 또는 링크를 식별하고, 악성 코드를 검색하고, 짧은 제목이나 누락 된 제목이있는 페이지를 찾고, 중복 된 메타 태그를 찾을 수 있습니다. 이러한 도구를 사용하려면 Google 계정이 필요합니다.
  • Silktide Nibbler - 전반적인 점수로 웹 사이트 전체를 완벽하게 보여주는 환상적인 무료 온라인 서비스입니다.
  • 우런 크 (Woorank) - 사이트에서 발생할 수있는 문제에 대한 개요를 쉽고 빠르게 읽을 수있는 환상적인 무료 온라인 도구입니다.
  • HTML Tidy - 페이지에있을 수있는 HTML 오류를 식별 할 수있는 간단하고 사용하기 쉬운 온라인 도구입니다.
  • Feng-GUI - 홈페이지 또는 다른 페이지의 그림을 업로드하고 방문자의 눈이 가장 먼저 도착할 가능성이 높은 열지도를 생성합니다.
  • W3C CSS 유효성 검사 서비스 - CSS 코드 내에있는 모든 문제 또는 컴플라이언스 경고를 표시합니다.
  • CSS 압축기 -이 서비스는 오류를 확인할 수 없지만 CSS 코드가 확인 된 후에 사용하는 훌륭한 도구입니다. 이 도구를 사용하면 CSS 파일을 축소하여 링크 된 모든 페이지의 전체로드 시간을 지원하고 사용하는 전체 대역폭 양을 줄일 수 있습니다.
  • WebPagetest - 웹 페이지로드 시간을 테스트하는 데 가장 많이 사용되는 도구입니다.
  • GTmetrix - 이미지, 페이지 및 스크립트의 버전을 최적화 할뿐만 아니라 웹 페이지를 테스트합니다.
  • Pingdom Tools - 웹 페이지에로드하는 데 걸리는 시간을 알기 쉽고 읽기 쉬운 환상적인 서비스입니다. 대부분의 웹 사이트 방문자는 페이지가로드되기를 기다리는 데 몇 초 밖에 걸리지 않으므로 빠른 로딩 시간은 성공적인 웹 사이트에 필수적입니다.
  • WebSiteOptimization - 웹 페이지를로드하는 데 걸리는 시간과로드 속도를 높이기 위해 수행 할 수있는 작업을 찾는 데 사용되는 서비스입니다.
  • 웹 페이지 컨텐츠 압축 검증 - .csS 또는 .JS 파일과 같은 페이지의 개별 페이지 또는 요소를 테스트하여 gzip을 사용하여 전송되기 전에 압축되는지 확인합니다.
  • 글로벌로드 시간 성능 테스트 - 전세계 웹 페이지로드 시간을 테스트합니다.
  • HTTP 아카이브 - 몇 달 전으로 돌아갈 수있는 웹 사이트의 전체 속도 기록을 제공합니다.
  • 부하 영향 - 귀하의 웹 사이트를 확인하기위한 훌륭한 온라인 테스트는 트래픽 양이 많을 때 잘 수행됩니다.
  • WhichLoadsFaster - 웹 사이트를 업데이트하거나 수정하는 경우 두 페이지의로드 시간을 신속하게 테스트하고 비교할 수있는 좋은 기회입니다.
  • Browsershots - 모든 인터넷 브라우저에서 웹 페이지의 액세스 가능성을 테스트합니다.
  • 색맹 필터 - 색맹 인 사람에게 페이지가 어떻게 보이는지보십시오. 이 페이지를 사용하면 귀하의 사이트를 방문하는 누군가가 색맹을 앓고 있다면 색 구성표가 좋지 않아 뭔가를 놓치지 않습니다.
  • 헤라 (HERA) - 장애를 불문하고 모든 사람이 귀하의 페이지를 볼 수 있는지 확인하십시오.
  • html2txt - HTML 문서를 텍스트 문서로 변환하는 훌륭한 방법입니다. 이 페이지는 시각 장애인을위한 많은 접근성 도구가 페이지를 텍스트로 변환하기 때문에 유용합니다. 이 도구를 사용하면 시각 장애인이 귀하의 페이지를 읽을 수있는 좋은 아이디어를 얻을 수 있습니다.
  • 가독성 테스트 도구 - 웹 사이트의 가독성을 테스트하고 얼마나 많은 사람들이 귀하의 콘텐츠를 이해할 수 있는지에 대한 더 나은 아이디어를 얻으십시오.
  • IE NetRender - IE NetRender는 다른 버전의 Microsoft Internet Explorer에서 페이지가 어떻게 표시되는지 확인할 수있는 훌륭한 온라인 서비스입니다. 이 도구는 CSS와의 호환성 문제가있는 것으로 알려진 IE6과 같은 이전 브라우저에서 웹 페이지를 테스트해야하는 경우 유용합니다.
  • mobiReady - 모바일 장치에서 볼 때 웹 사이트 또는 블로그의 호환성을 확인하십시오. 웹 사이트가 작동하는 이유와 작동하지 않는 이유에 대한 자세한 정보를 제공 할뿐만 아니라 페이지가 다른 모바일 장치에로드되는 방식에 대한 데모도 제공합니다.
  • Google 웹 로그 분석 - 웹 사이트 방문자, 사용중인 브라우저, 떠나는 페이지, 검색 한 내용 등을 자세하게 제공합니다. 이 서비스는 다른 서비스가 놓친 문제점을 식별하는 데 도움을 줄 수 있습니다.

귀하의 페이지가 블로그 인 경우 내 블로그가 작동하는지 사용을 고려하십시오 . 모든 것이 작동 가능한지 확인하고 귀하의 페이지에 대한 추가 정보를 얻으십시오.

사이트의 유용성 테스트

친구, 가족 및 동료가 내 웹 사이트를 보게하면 웹 사이트가 작동 할뿐만 아니라 다른 컴퓨터에서 작동하는지 확인할 수있는 좋은 방법입니다. UsabilityHub Fivesecondtest 와 같은 다른 서비스도 사이트의 전반적인 매력을 테스트 할 수 있습니다.