안전하고 고성능의 웹: 여정 중심 감사 가이드

이 가이드가 달성하는 목표

• 실제 사용자 차단 요소를 우선순위로 지정
• 용량, 종속성 및 공격 표면 감소
• 성능과 전환율 연결
• 현실적인 조건에서 수정 사항 검증

빠른 확인

• 가장 가치 있는 세 가지 사용자 여정이 명시되어 있습니까?
• 모바일에 맞게 필드 데이터가 분할되어 있습니까?
• 키보드로 사이트를 사용할 수 있습니까?
• 모든 타사 스크립트에 담당자가 있습니까?
• 양식 오류가 사용자가 작업을 완료하는 데 도움이 됩니까?

단계별 방법

1. 1

   핵심 여정 선택

   비즈니스 가치를 기준으로 검색, 읽기, 연락, 가입, 구매 또는 관리 여정을 선택합니다. 기기, 네트워크, 컨텍스트 및 예상 결과를 설명합니다.

   결과물: 우선순위가 지정된 테스트 시나리오

2. 2

   현장 및 실험실 측정

   집계된 실제 사용자 데이터를 재현 가능한 테스트와 결합합니다. 로딩, 응답성, 안정성, 오류 및 이탈률을 관찰하되, 분석을 단일 점수로 축소하지 않습니다.

   결과물: 세분화된 기준선.

3. 3

   핵심 경로를 검사합니다.

   초기 HTML, 글꼴, 이미지, JavaScript, 캐싱, 서버 응답 및 차단 리소스를 검토합니다. 사용자 여정을 지원하는 요소에 명확한 예산을 할당합니다.

   결과물: 성능 예산.

4. 4

   노출된 영역을 줄입니다.

   타사 스크립트, 종속성, 헤더, 쿠키, 세션, 양식 및 관리자 인터페이스를 목록화합니다. 불필요한 부분을 제거하고 서버 보안을 강화합니다.

   결과물: 종속성 및 보호 등록부.

5. 5

   포괄적인 사용자 경험을 테스트합니다.

   키보드, 화면 판독기, 작은 화면, 확대/축소 및 오류 상태에서 모든 작업을 실행합니다. 레이블, 포커스, 대비 및 복구 메시지를 확인합니다.

   결과물: 접근성 및 마찰 보고서.

6. 6

   가이드라인을 포함한 릴리스

   안정적인 제어를 자동화하고, 릴리스 후 비즈니스 결과를 관찰하고, 롤백을 준비합니다. 실제 사용자 경험이 회귀 없이 개선되면 수정 사항이 완료됩니다.

   결과물: 지속적인 검증 계획.

관리 지표

일반적인 실수

• 홈페이지만 최적화함
• 실험실 점수와 실제 경험을 혼동함
• 불필요한 위험을 제거하지 않고 보안 도구를 추가함
• 밀리초를 절약하기 위해 접근성 또는 측정 기능을 손상시킴