Web Checklist

서비스 릴리즈하기 전에 돌려보세요

• sonar - Microsoft Edge Team

  웹 접근성, 상호운용성, 성능, PWA, 보안 등 여러가지 측면을 동시에 검사해줍니다.

• SSL Server Test - Qualys SSL Labs
  SSL Configuration Generator - Mozilla

  웹서버 HTTPS 세팅이 똑바로 되어있는지 확인합니다. 점수 규칙이 실용적이지 못하기때문에, 만점을 받는것보단 **A+**를 내는것에 초점을 맞추셔야 합니다.

  그리고 테스트 결과와 별개로 HPKP도 활성화시키면 더욱 안전해집니다.

• gixy

  Nginx 설정에 실수가 없는지 검사해주는 정적분석기입니다.

• PageSpeed Insights - Google

  웹서버 속도를 테스트해줍니다. 최적화하는 방법도 같이 알려주기때문에 유용합니다.

• Lighthouse - Google

  웹페이지가 얼마나 모던 웹개발의 Best practice를 따라 만들어졌는지 자동으로 검사해줍니다. 웹페이지 네트워크 설정, TLS 설정, 웹접근성 등의 요소들을 종합적으로 평가해줍니다.

• Web Page Test

  PageSpeed와 비슷하게 웹서버 성능을 테스트해줍니다. 보다 여러 항목 (First Byte Time, Compress Image, ...) 에 대해 정성적인 결과를 내줍니다.

• Markup Validation - W3C

  서버가 HTML5 문법을 똑바로 지키는지 검사하고, 어떻게 고칠지 알려줍니다.

• Mobile Friendly Test - Google

  페이지가 얼마나 모바일 프렌들리한지 알려줍니다.

• Favicon checker - Real Favicon Generator.net

  페이지의 파비콘이 올바르게 들어가있는지 확인합니다. 브라우저 상단의 파비콘 뿐만 아니라, 페이지로 바로가기를 만들었을때 어떻게 표시될지를 OS별로 모두 검사해줍니다.

• Twitter Card Validator
  Facebook OpenGraph Debugger

  내 웹페이지가 SNS에 공유되었을때 어떻게 표시될지 보여줍니다. 페이지에 <meta> 태그를 추가하여 내용이 제대로 표시되도록 고쳐야합니다.

• Google Analytics
  Facebook Pixel

  방문자 통계 서비스입니다. 북유럽과 같은 일부 지역에서는 사전경고 없이 방문자추적을 하면 불법이므로 유의해야합니다.

• https://achecker.ca/checker/index.php
  https://wave.webaim.org/
  https://www.w3.org/WAI/ER/tools/
  https://www.webaccessibility.com/
  https://www.powermapper.com/products/sortsite/checks/accessibility-checks/

  웹 접근성 체커

• https://securityheaders.com/

  CSP를 비롯한 보안 헤더 검사기

&nbps;

Help Wanted!

쓰기 편한 온라인 웹서버 테스터 솔루션 아는것이 있다면 추천해주세요!

• 무료 부하테스트 서비스
• 그 외 기타 몸에 좋은 테스터들