simnalamburt / web-checklist

:heavy_check_mark: Checklist for your web service

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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!

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

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

About

:heavy_check_mark: Checklist for your web service