결과 공유
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
사이트를 감사한 후에는 이해하기 쉬운 형태로 결과를 패키지화하세요.
- 다양한 이해관계자를 위한 다양한 보고서를 생성하는 것을 고려하세요.
- 비즈니스 니즈에 초점을 맞추고 기술 측정항목이 이를 어떻게 뒷받침하는지 보여줍니다.
- 요약부터 시작합니다.
- 단순히 도구 출력 데이터를 나열하는 대신 주제 (예: 로드 성능 및 페이지 용량)별로 데이터를 구조화합니다.
- 우선순위별로 결과를 정렬합니다.
- 관련성이 없거나 관심이 없는 검색 결과는 제외하세요.
- 가능한 경우 수치 데이터를 차트나 그래프로 제시
- 데이터 장벽을 피하세요. 사이트 리뷰가 지루하지 않아야 합니다.
감사를 받는 사람에 대한 세심한 주의를 기울이세요.
사이트에서 작업하는 사람은 문제를 잘 알고 있을 수 있습니다. 문제가 해결되지 않은 복잡하거나 비기술적인 이유가 있을 수 있습니다.
단순히 실패 카탈로그를 나열하기보다는 기회와 솔루션 측면에서 저조한 성능을 설명하는 것이 훨씬 더 도움이 됩니다.
가능하다면 결과를 보다 광범위하게 발표하기 전에 사이트 개발자 및 기타 이해관계자와 논의하세요.
맥락 정보 제공
검토 결과를 공유할 때 상황 데이터를 포함하여 노력의 타당성을 입증하고 개발자 또는 다른 이해관계자가 제안하는 개선사항을 구현하도록 동기를 부여할 수 있습니다(DoubleClick의 다음 예).
- 사용자 중 53% 는 로드 시간이 3초 이상 걸리는 사이트를 떠납니다.
- 모바일 사이트는 5초만에 로드되므로 모바일 광고 수익이 최대 2배 증가합니다.
- 모바일 사이트의 평균 로드 시간은 19초입니다.
neotys.com에서 실적을 개선해야 하는 비즈니스 이유의 포괄적인 목록을
확인할 수 있습니다.
사이트 성능을 개선하는 방법에 대한 자세한 내용은
perf.rocks와
웹 기초에서 우수사례와 성공사례를
확인할 수 있습니다.
아직 실적 예산이 없으시다면 지금이 적절한 예산입니다. 예산을 계산하고 사이트의 부담을 보여주세요.
잠재력 입증
Chrome DevTools 로컬 재정의를 사용하면 웹사이트 애셋을 로컬 버전으로 재정의할 수 있습니다. 간단한 변화가 큰 차이를 만들 수 있음을 보여주는 좋은 방법입니다.
예를 들면 다음과 같습니다.
- 중복 규칙을 삭제한 상태로 사이트 홈페이지에서 사용되는 CSS 버전을 만듭니다.
- JavaScript 로드를 지연하도록 HTML 변경
- 이미지 파일을 최적화된 버전으로 대체하세요.
또한 사이트에서 작업 중인 개발자와 변경된 파일을 공유하여 잠재적인 개선사항을 동료에게 직접 시연할 수 있습니다. 또한 로컬 재정의를 사용하면 최적화된 버전과 최적화되지 않은 버전 간의 성능 차이를 보여주는 스크린캐스트를 간단히 나란히 만들 수 있습니다.
이 방법은 긴 할 일 목록보다 훨씬 더 설득력이 있습니다. 로컬 재정의를 사용하는 방법은 여기를 참조하세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2018-08-16(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2018-08-16(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2018-08-16(UTC)"],[],[]]