사이트를 감사한 후에는 이해하기 쉬운 형태로 결과를 패키지화하세요.
- 다양한 이해관계자를 위한 다양한 보고서를 생성하는 것을 고려하세요.
- 비즈니스 니즈에 초점을 맞추고 기술 측정항목이 이를 어떻게 뒷받침하는지 보여줍니다.
- 요약부터 시작합니다.
- 단순히 도구 출력 데이터를 나열하는 대신 주제 (예: 로드 성능 및 페이지 용량)별로 데이터를 구조화합니다.
- 우선순위별로 결과를 정렬합니다.
- 관련성이 없거나 관심이 없는 검색 결과는 제외하세요.
- 가능한 경우 수치 데이터를 차트나 그래프로 제시
- 데이터 장벽을 피하세요. 사이트 리뷰가 지루하지 않아야 합니다.
감사를 받는 사람에 대한 세심한 주의를 기울이세요.
사이트에서 작업하는 사람은 문제를 잘 알고 있을 수 있습니다. 문제가 해결되지 않은 복잡하거나 비기술적인 이유가 있을 수 있습니다.
단순히 실패 카탈로그를 나열하기보다는 기회와 솔루션 측면에서 저조한 성능을 설명하는 것이 훨씬 더 도움이 됩니다.
가능하다면 결과를 보다 광범위하게 발표하기 전에 사이트 개발자 및 기타 이해관계자와 논의하세요.
맥락 정보 제공
검토 결과를 공유할 때 상황 데이터를 포함하여 노력의 타당성을 입증하고 개발자 또는 다른 이해관계자가 제안하는 개선사항을 구현하도록 동기를 부여할 수 있습니다(DoubleClick의 다음 예).
- 사용자 중 53% 는 로드 시간이 3초 이상 걸리는 사이트를 떠납니다.
- 모바일 사이트는 5초만에 로드되므로 모바일 광고 수익이 최대 2배 증가합니다.
- 모바일 사이트의 평균 로드 시간은 19초입니다.
neotys.com에서 실적을 개선해야 하는 비즈니스 이유의 포괄적인 목록을 확인할 수 있습니다. 사이트 성능을 개선하는 방법에 대한 자세한 내용은 perf.rocks와 웹 기초에서 우수사례와 성공사례를 확인할 수 있습니다.
아직 실적 예산이 없으시다면 지금이 적절한 예산입니다. 예산을 계산하고 사이트의 부담을 보여주세요.
잠재력 입증
Chrome DevTools 로컬 재정의를 사용하면 웹사이트 애셋을 로컬 버전으로 재정의할 수 있습니다. 간단한 변화가 큰 차이를 만들 수 있음을 보여주는 좋은 방법입니다.
예를 들면 다음과 같습니다.
- 중복 규칙을 삭제한 상태로 사이트 홈페이지에서 사용되는 CSS 버전을 만듭니다.
- JavaScript 로드를 지연하도록 HTML 변경
- 이미지 파일을 최적화된 버전으로 대체하세요.
또한 사이트에서 작업 중인 개발자와 변경된 파일을 공유하여 잠재적인 개선사항을 동료에게 직접 시연할 수 있습니다. 또한 로컬 재정의를 사용하면 최적화된 버전과 최적화되지 않은 버전 간의 성능 차이를 보여주는 스크린캐스트를 간단히 나란히 만들 수 있습니다. 이 방법은 긴 할 일 목록보다 훨씬 더 설득력이 있습니다. 로컬 재정의를 사용하는 방법은 여기를 참조하세요.