속도를 유지하는 방법

Chris Anstey
Chris Anstey
Bojan Pavic
Bojan Pavic

속도를 최적화하는 브랜드는 실적이 빠르게 하락하는 경우가 많습니다. 웹사이트 실적은 건강을 유지하는 것과 매우 유사합니다. 한 번만 노력하는 것으로는 충분하지 않으며 라이프스타일을 바꿔야 합니다.

성능 예산을 사용하는 것이 한 가지 방법입니다. 성능 예산은 사이트 성능에 영향을 미치는 측정항목에 적용되는 한도를 말합니다. 한도를 정하고 이를 지킨다는 점에서 재무 예산과 유사한 개념입니다. 일반적으로 좋은 실적 예산은 다양한 유형의 측정항목을 결합합니다. 예를 들어 제품 페이지의 실적 예산은 다음과 같이 표시될 수 있습니다.

느린 3G에서의 상호작용까지의 시간 미만 5초
느린 3G에서의 콘텐츠가 포함된 첫 페인트 미만 2초
Lighthouse 성능 점수 초과 80
총 JavaScript 크기 미만 170 kb
실적 예산의 예시

성능 예산을 설정하면 이를 시행해야 합니다. 예를 들어 빌드 프로세스 및 보고에 예산을 통합하는 것입니다. Lighthouse와 같은 도구를 지속적 통합에 포함할 수 있으며, 주요 측정항목이 설정된 기준점 아래로 떨어지면 빌드가 실패하는 테스트를 작성할 수 있습니다. 또한 대시보드 또는 요약 보고서를 통한 정기 보고는 가시성과 책임성을 높이는 데 도움이 될 수 있습니다. Pinterest는 빠른 환경을 유지하기 위해 실적 예산을 구현한 비즈니스의 한 예이며, Experian과 같은 브랜드는 이제 월간 임원진 KPI 보고서에서 사이트 속도를 주요 측정항목으로 사용하고 있습니다.

성능 예산에 대한 자세한 내용은 여기를 참고하세요. 성능 문화를 더욱 확고히 하고 모든 이해관계자가 속도 측정항목을 눈으로 확인하고 실질적으로 체감할 수 있도록 하는 방법을 설명하는 가이드는 여기에서 확인할 수 있습니다.