웹사이트나 블로그의 오류를 검사하고 웹페이지 개선 방법을 찾는 데 도움이 되는 다양한 서비스가 있습니다. 아래는 무료 온라인 서비스 몇 가지를 추천해 드립니다.


일반 웹사이트 및 HTML 검사

  • W3C 마크업 유효성 검사 - 월드 와이드 웹 컨소시엄(W3C)의 공식 유효성 검사 도구입니다. 웹 페이지에서 사용하는 HTML, XHTML 또는 기타 마크업 언어의 오류를 검사하는 데 매우 유용한 리소스입니다.
  • PageSpeed ​​Insights - (PSI)는 Google에서 제공하는 도구로, 핵심 웹 성능 지표와 모바일 및 데스크톱 기기에서의 전반적인 사용자 경험을 분석해 줍니다.
  • Nibbler - 웹사이트에 대한 완벽한 개요와 종합적인 점수를 제공하는 훌륭한 무료 온라인 서비스입니다.
  • Woorank - 웹사이트에서 발생할 수 있는 문제점을 빠르고 쉽게 파악할 수 있도록 도와주는 또 하나의 훌륭한 무료 온라인 도구입니다.


CSS 검사

  • W3C CSS 유효성 검사 서비스 - 모든 CSS 코드 내의 문제, 오류 또는 규정 준수 경고를 표시합니다.
  • CSS 압축 도구 - 이 서비스는 오류를 검사하지는 않지만, CSS 코드 검증 후 사용하기에 매우 유용한 도구입니다. 이 도구를 사용하면 CSS 파일 크기를 줄여 해당 CSS에 링크된 페이지의 로딩 속도를 향상시키고 대역폭 사용량을 줄일 수 있습니다.


속도 테스트

  • WebPagetest - 웹페이지 로딩 시간 테스트에 가장 유용한 도구입니다.
  • GTmetrix - 웹 페이지 속도 테스트 및 이미지, 페이지, 스크립트 버전 최적화 도구입니다.
  • Pingdom Tools - 웹페이지 로딩 시간을 보기 쉽고 명확하게 보여주는 훌륭한 서비스입니다. 대부분의 웹사이트 방문자는 페이지 로딩을 몇 초밖에 기다리지 않기 때문에 빠른 로딩 속도는 성공적인 웹사이트 운영에 필수적입니다.
  • 웹 페이지 콘텐츠 압축 검증 - gzip을 사용하기 전에 개별 페이지 또는 페이지 내 요소(예: .CSS 또는 .JS 파일)가 압축되었는지 테스트합니다.
  • 글로벌 로딩 시간 성능 테스트 - 전 세계에서 웹 페이지 로딩 시간을 테스트해 보세요.
  • WhichLoadsFaster - 웹사이트를 업데이트하거나 수정할 때, 여러 페이지의 로딩 시간을 빠르게 테스트하고 비교하기에 좋은 도구입니다.


접근성

  • WAVE - 웹페이지 접근성을 평가하는 데 매우 유용한 서비스로, 감지된 오류 및 경고에 대한 자세한 정보와 제안 사항을 제공합니다.
  • 색맹 필터 - 색맹인 사용자에게 페이지가 어떻게 보이는지 확인하세요. 이 페이지를 사용하면 색맹인 방문자가 색 구성표 문제로 중요한 정보를 놓치는 일이 없도록 할 수 있습니다.
  • html2txt - HTML 페이지를 텍스트 문서로 변환하는 훌륭한 도구입니다. 시각 장애인을 위한 접근성 도구들이 페이지를 텍스트로 변환하는 기능을 제공하기 때문에 이 도구는 특히 유용합니다. 이 도구를 사용하면 시각 장애인이 페이지를 어떻게 읽을지 미리 파악할 수 있습니다.
  • 가독성 테스트 도구 - 웹사이트의 가독성을 테스트하고 콘텐츠를 얼마나 많은 사람들이 이해할 수 있을지 더 잘 파악해 보세요.
  • IE NetRender - IE(인터넷 익스플로러) NetRender는 마이크로소프트 인터넷 익스플로러의 다양한 버전에서 웹페이지가 어떻게 표시되는지 확인할 수 있는 훌륭한 온라인 서비스입니다. 이 도구는 CSS와의 호환성 문제가 있는 것으로 알려진 구형 브라우저에서 웹페이지를 테스트해야 할 때 유용합니다.


모바일 준비성

  • mobiReady - 모바일 기기에서 웹사이트나 블로그가 얼마나 잘 호환되는지 확인해 보세요. 웹사이트가 제대로 작동하거나 작동하지 않는 이유에 대한 자세한 정보뿐만 아니라, 다양한 모바일 기기에서 페이지가 어떻게 로드되는지 실시간 데모도 제공합니다.


웹사이트 분석

Google 애널리틱스 는 웹사이트 방문자에 대한 자세한 정보를 제공합니다. 방문자가 사용하는 브라우저, 이탈 페이지, 검색어 등을 확인할 수 있으며, 다른 서비스에서 놓쳤을 수 있는 문제점을 파악하는 데 도움을 줍니다.


사이트 사용성 테스트

친구, 가족, 직장 동료에게 웹사이트를 보여줌으로써 웹사이트가 제대로 작동하는지, 그리고 다양한 컴퓨터에서도 잘 작동하는지 확인할 수 있습니다. Lyssna 와 같은 다른 서비스 도 웹사이트의 전반적인 매력을 테스트하는 데 도움이 될 수 있습니다.

0 댓글