다른 부서에서 웹사이트 속도 최적화 프로젝트의 성공을 위해 어떤 도움을 줄 수 있는지 알아봅니다.
사이트 속도와 관련하여 흔히 오해되는 점은 개발팀만 책임진다는 것입니다. 실제로 빠른 사이트를 운영하려면 여러 부서의 도움이 필요합니다. 개발자가 아무리 뛰어나도 문제를 혼자 해결하는 경우는 거의 없습니다. 그렇다면 동료와 함께 속도를 개선하려면 어떻게 해야 할까요? 이 도움말에서는 웹 개발자가 회사에서 사이트 속도에 우선순위를 두도록 설득하고, 최적화하는 동안 여러 부서의 도움을 받으며, 최적화 프로젝트의 성공에 대한 인식을 높이는 방법을 설명합니다.
비즈니스 이해관계자의 도움을 받아 속도 개선
많은 기업이 소비자 행동의 급격한 변화를 겪고 있습니다. 오프라인 매장이 아닌 디지털 플랫폼에서 구매하는 소비자가 늘어나고 있으므로 기업은 빠르게 조정하지 않으면 수익이 감소할 수 있습니다. 이를 위해서는 새로운 조직 프로세스와 사고방식, 이해관계자의 적극적인 참여가 필요합니다.
공유된 과제
회사의 조직 방식은 여러 수준에서 변경해야 할 가능성이 높습니다. 우선, 수익 증대의 잠재력이 있는 속도 프로젝트는 개발자가 작업할 시간을 확보하지 못하면 실행하기 어렵습니다. 리소스 할당이 이루어져야 하며, 마케팅 및 웹 디자이너와 같은 다른 부서와의 협업은 이해관계자와 임원이 이 프로젝트가 우선순위가 높은 프로젝트임을 보여주면 더 원활하게 진행되는 경우가 많습니다.
이 운영 수준 외에도 이해관계자는 현재 두 가지 변화가 진행되고 있음을 이해하는 것이 중요합니다.
오프라인 매장에서 발생하는 판매가 더 많을 수 있지만 대부분의 고객은 매장에서 구매하기 전에 사이트와 같은 디지털 플랫폼을 사용합니다. 사이트에서 방문자에게 만족스러운 사용자 환경을 제공하지 못하면 오프라인 매장의 수익도 감소할 수 있습니다. 또한 연구에 따르면 고객의 비즈니스 추천 의도 및 비즈니스에 대한 충성도에도 영향을 미칩니다.
모바일 방문자의 증가세가 데스크톱 방문자보다 높기 때문에 모바일 우선이 현재 또는 미래에 대비해야 할 상태가 됩니다. 또한 사이트 속도와 모바일 전환 간에는 강한 상관관계가 있습니다. SOASTA의 한 연구에 따르면 모바일 페이지 로드가 1초 지연될 때마다 전환수가 최대 20%감소할 수 있습니다.
즉, 디지털 플랫폼 전문가의 정보를 바탕으로 경영진 결정을 내리는 기업이 유리합니다. 따라서 비즈니스 결정이 내려지는 회의에 개발자를 한 명 초대하여 사이트와 제약 조건을 처음부터 고려하고 판매 증대를 도모하는 것이 좋습니다.
이해관계자에게 제안서 보내기
일반적으로 판매의 약 10% 는 디지털 플랫폼에서 발생하지만 연구에 따르면 오프라인 매장의 최대 85% 가 디지털의 영향을 먼저 받는 것으로 나타났습니다. 따라서 특히 기본 기기로 자리 잡고 있는 모바일에서 실적이 우수한 사이트를 운영하는 것이 비즈니스 수익에 매우 중요합니다. 사이트의 전환수를 늘리는 데 도움이 되는 속도 프로젝트를 제안하고 사이트에 영향을 미치는 결정을 내리기 전에 기술팀의 통계를 더 효과적으로 활용할 수 있도록 커뮤니케이션 스트림을 설정할 것을 제안합니다.
이해관계자와의 회의 준비하기
이해관계자와 만나기 전에 웹사이트 및 경쟁업체 사이트의 데이터와 제안하는 변경사항에 대한 높은 ROI를 보여주는 데이터를 준비해야 합니다. 속도의 중요성에 관한 데이터를 수집합니다. 회사의 수익과 연결된 것이 가장 좋습니다. 다음과 같은 방법으로 이 작업을 할 수 있습니다.
- 상대 모바일 전환율 계산하기 분석팀과 협력하여 속도의 가치에 설명된 분석을 실행합니다. 로드 시간이 동일한 기간에 비해 훨씬 더 길었던 기간 (최소 2~3개월)이 한 번 있었던 경우, 느린 사이트 속도가 일반적으로 모바일 전환에 큰 영향을 미쳤을 것입니다. 분석을 통해 속도가 느린 기간 동안 회사가 얼마나 많은 수익을 놓쳤는지 계산하여 속도의 가치를 입증할 수 있습니다. 로드 시간이 거의 동일한 수준으로 유지된 경우 분석을 실행하기가 어렵고 아래 대안을 통해 더 많은 정보를 얻을 수 있습니다.
- 통계 모델에서 속도 값 추정 Google의 TestMySite를 사용하면 테스트를 실행한 후 사이트 속도가 빨라지면 비즈니스에 미치는 영향을 계산할 수 있습니다. 애널리틱스팀의 도움을 받아 평균 월간 방문자 수, 전환율, 평균 주문 금액에 관한 데이터만 있으면 됩니다.
- 권장사항 우수사례 제공 사이트 속도를 높이고 효과를 본 다른 회사의 사례를 참고할 수도 있습니다. 페이지 로드 시간이 전환율에 미치는 영향: 12가지 사례에서 몇 가지 예를 확인할 수 있습니다.
- 모바일의 중요성을 보여줍니다. 분석팀에 모바일과 데스크톱에서 발생하는 트래픽의 비율에 관한 데이터를 요청하세요.
- 비용을 조사합니다. 위의 계산은 속도에서 발생할 수 있는 수익 상승을 이해관계자에게 보여주는 방법이지만, 이해관계자가 결정을 내리려면 ROI를 알아야 하므로 예상 비용을 준비해 가면 임원진의 결정을 더 빨리 얻을 수 있습니다. 이를 위해 초기 집중 속도 프로젝트에 걸리는 시간과 이후 유지보수에 필요한 시간을 평가합니다. 예를 들어 빠른 생각: TUI가 벽을 허물어 사이트 속도를 높이다에서는 개발자에게 백로그와 캠페인에서 벗어난 20% 의 여유 시간을 제공하여 프로젝트 속도 향상과 사이트 개선을 위한 다른 방법에 전념할 수 있도록 했습니다.
이해관계자 만나기
- 모바일과 데스크톱에서 발생하는 트래픽의 양과 지난 몇 년간 모바일에서 발생한 성장률을 제시합니다. 이는 우수한 모바일 환경을 만드는 것이 얼마나 중요한지 보여줍니다.
- 속도가 회사의 수익에 미치는 영향에 관한 조사 결과를 제시합니다.
- 속도 개선을 위해 시간을 더 주면 개발자가 모바일 방문자로부터 발생하는 수익을 늘릴 수 있음을 이해관계자에게 알립니다.
- 사이트에 관한 결정이 내려지는 임원 회의에 개발팀에서 한 명을 초대해야 한다고 제안합니다. 요즘은 디지털 플랫폼에서 판매합니다. 디지털 전문가와 소통을 시작하는 기업이 승자가 될 것입니다. 현대 기업은 부서 간에, 그리고 이해관계자와 개발자 간에 커뮤니케이션 스트림을 설정해야 합니다. Harvard Business Review의 연구에 따르면 6개 IT 프로젝트 중 1개는 비용 초과가 200%에 달하는 것으로 나타났습니다. 한 가지 예는 2000년에 14억 달러 규모의 IT 현대화 프로젝트를 시작했을 때 Walmart와 Target에 경쟁력을 잃고 있던 Kmart입니다. 커뮤니케이션과 유지보수를 조기에 설정하면 사일로를 해체하고 지식 공유를 경쟁력으로 삼을 수 있습니다.
마케팅팀의 도움으로 속도 문제 해결하기
공유된 과제
마케팅팀은 정보에 입각한 결정을 내리기 위해 광고와 데이터를 처리하는 도구가 필요하지만 대부분의 도구는 웹사이트 속도를 느리게 하고 렌더링 차단 스크립트로 구현되는 경우가 많아 사이트에 방문한 사용자가 화면에 아무것도 표시될 때까지 기다려야 합니다. 따라서 균형이 필요합니다. 마케팅 부서에는 데이터와 도구가 필요하지만 사이트에서 이탈률을 낮추고 전환율을 높이려면 속도가 빠르므로 마케팅에서 투자에 대한 좋은 수익을 얻을 수 있습니다.
스크립트를 신중하게 사용하면 균형을 유지할 수 있습니다.
- 거의 동일한 항목을 측정하는 중복을 피하세요.
- 더 이상 사용하지 않는 도구를 삭제합니다.
- '좋을 텐데' 하는 항목은 측정하지 마세요. 비즈니스에 중요한 항목만 측정합니다.
개발자가 마케팅 부서에서 어떤 도구를 사용하는지 알기 어렵고 마케팅 부서에서도 사이트에 특히 무거운 도구가 무엇인지 알지 못할 수 있으므로 공동작업이 필요합니다.
마케팅팀에 제안서 보내기
추적 및 광고에 사용되는 도구는 방문자가 사이트에 들어왔을 때 콘텐츠가 표시되는 속도를 차단하는 경우가 많습니다. 광고 비용을 지불하고 사용자가 관심을 보이며 광고를 클릭했지만 기다려야 하므로 마케팅 투자 가치가 감소합니다. 이렇게 하면 시청자가 짜증을 내고 채팅을 나갈 수 있습니다. 한 연구에 따르면 속도 측정항목인 Time to Interactive가 0.15초에서 0.3초로 증가하면 전환율이 약 50% 에서 약 35% 로 감소했습니다. 필요한 도구와 사이트 실적 간의 균형을 맞춰 마케팅 투자수익을 높이는 데 함께 노력할 수 있을까요?
마케팅팀과의 회의 준비하기
- 사이트에 구현된 스크립트 목록을 만듭니다.
- 마케팅팀에 목록을 보내 미리 살펴보고 다음 세 가지 버킷으로 분류해 달라고 요청합니다.
- 비즈니스와 관련해 중요도 높음 이러한 스크립트는 유지되어야 합니다.
- 권장사항: 사용 빈도가 줄어들거나 삭제될 수 있는 스크립트입니다. 예를 들어 기업에서 히트맵이나 화면 녹화 파일을 수집하지만 데이터가 자주 검토되지 않고 조치나 전환 증가로 이어지지 않는 경우가 있습니다. 이러한 경우 도구를 2주 동안만 실행하고 분석을 위한 통계를 수집한 후 다음 번 집중 데이터 수집 기간이 될 때까지 스크립트를 정리하는 것이 좋습니다.
- 사용하지 않거나 소유하지 않음 이러한 항목은 삭제해야 합니다.
- 각 스크립트의 유무에 따른 사이트 속도를 비교하여 사이트 속도가 얼마나 느려지는지 확인합니다. WebPageTest에서는 고급 설정의 차단 탭을 통해 설정할 수 있습니다. 또는 Chrome DevTools에서 네트워크 요청을 차단할 수 있습니다.
마케팅팀과 만나기
- 스크립트 목록을 살펴보고 각 스크립트에 대한 의견을 제공합니다. 예를 들어 사이트 성능에 매우 해로운 스크립트가 있나요? 추천을 받으면 마케팅팀에서 더 쉽게 우선순위를 지정할 수 있고, 마케팅팀에 비즈니스상 중요한 사항을 듣고 그들의 관점을 더 쉽게 이해할 수 있습니다.
- 다음 주제를 논의합니다.
- 수집된 데이터의 이점이 사이트 속도가 느려져 발생한 감소를 상회하여 전환수가 증가하나요? 데이터를 바탕으로 결정을 내릴 수 있습니다.
- 귀사는 시장에서 가장 빠른 버전의 도구를 제공하는 제공업체를 선택했나요? 마케팅 부서에서 비즈니스상 중요한 도구를 더 빠른 대안으로 대체할 수 있는지 확인하려면 개발자의 도움이 필요할 수 있습니다.
- 사이트의 스크립트에 대한 대안이 있나요? 예를 들어 히트맵 대신 사용성 테스트를 시작할 수 있습니다. 이 테스트에서는 사용자 행동의 '이유'도 파악할 수 있어 더 깊은 통계를 얻을 수 있습니다.
다음 단계에 동의합니다.
- 이후 진행할 절차를 결정합니다. 마케팅팀은 항상 개발자에게 구현하기 전에 새로운 도구와 속도에 미치는 영향을 검토해 달라고 요청해야 하나요? 아니면 마케팅팀이 속도를 확인하는 방법을 배우고 속도 타겟을 달성하는 한 원하는 도구의 우선순위를 직접 정할 수 있는 실적 예산을 받아야 할까요?
웹 디자인팀의 도움을 받아 속도 개선하기
웹 성능의 가장 큰 문제 중 하나는 많은 지역에서 연결 속도가 빨라지고 있지만 웹사이트가 점점 더 무거워지고 그 결과 속도가 느려진다는 점입니다. 이 문제를 해결하려면 개발자가 웹 디자이너와 협력해야 합니다.
공유된 과제
결국 회사 내 모든 부서는 수익 창출이든 다른 목적이든 전환으로 이어지는 사이트에 의존하게 됩니다. 그리고 냉혹한 현실은 웹페이지가 아무리 아름답더라도 로드하는 데 시간이 너무 오래 걸려 사용자가 기다려 보지 않는다면 아무 소용이 없다는 것입니다.
하지만 슬림한 웹페이지는 공동의 책임입니다. 개발자는 다양한 이미지 최적화 기법을 사용하여 이미지를 더 빠르게 로드할 수 있습니다. 웹 디자이너는 페이지 가중치를 합의된 수준 미만으로 유지하는 데 도움이 되는 페이지를 만들 수 있습니다.
웹 디자인팀에 제안서 전송
연구에 따르면 이미지와 요소가 적은 페이지에서 전환이 더 많이 발생합니다. 예를 들어 Google과 SOASTA의 연구에 따르면 전환한 사용자의 세션에는 전환하지 않은 사용자의 세션보다 이미지가 38% 적은 것으로 나타났습니다. 속도 목표를 달성하고 사이트에서 전환수를 늘릴 수 있는 공동작업을 설정할 수 있을까요? 함께 달성할 수 있는 목표의 예로는 품질과 속도 간의 균형을 맞추는 적절한 수준의 이미지 압축을 찾거나, 사이트가 느려지고 무거워지는 원인이 되는 복잡한 레이아웃이나 기능을 줄이는 것이 있습니다.
웹 디자인팀과의 회의 준비하기
- 사이트에서 로드 시간이 가장 길고 페이지 웨이트가 가장 높은 페이지를 추적합니다. 예를 들어 전자상거래 사이트를 운영하는 경우 홈페이지뿐만 아니라 캠페인 페이지, 일부 주요 카테고리 페이지, 일부 제품 페이지, 결제 흐름도 확인해야 합니다.
- 디자이너를 위한 실적 예산 제안서를 준비합니다. 한 가지 방법은 페이지 크기를 측정항목으로 최대한 간단하게 시작하고 모든 페이지의 타겟으로 1MB (브랜딩이 전환에 매우 중요한 경우 1.5MB)를 설정하는 것입니다.
- 타겟 페이지 가중치 수준을 초과하는 페이지 목록을 준비합니다.
웹 디자인팀과 회의
- 이미지 압축, 반응형 이미지, 이미지 크기 조절, 지연 로드, 캐싱, 서버 최적화와 같은 다양한 이미지 최적화 기법을 통해 개발팀이 이미지를 더 빠르게 전송할 수 있는 방법을 조사하기 위해 노력합니다.
- 이미지가 다양한 이미지 품질과 크기로 게시되는 테스트 페이지를 만들고 다양한 화면에서 성능과 품질의 균형을 맞추는 수준에 동의합니다. 모바일 방문자의 세션 길이는 짧은 경우가 많습니다. 한 연구에 따르면 모바일 세션의 절반 이상이 30초 이하인 것으로 나타났습니다. 이러한 사용자는 이미지를 자세히 살펴보지 않을 수 있으며 사이트가 빠른 것을 선호할 수 있습니다.
- 웹 디자이너가 모든 웹페이지의 페이지 크기가 1MB (또는 최대 1.5MB) 미만이 되도록 하기로 약속하는 성능 예산을 제안합니다.
분석팀의 도움으로 속도 문제 해결하기
비즈니스는 무엇에 집중해야 하는지 파악하고 결정의 근거를 얻기 위해 데이터가 필요합니다. 하지만 사이트 속도의 중요성과 수익 및 판매와의 연결에 관해 이야기하는 사람은 많지만 기술팀 외부의 주간 보고서에 속도를 포함하지 않는 회사가 여전히 많습니다. 개발자가 분석팀과 공동작업을 시작하면 이를 변경할 수 있습니다.
공유된 과제
현실은 신고되지 않은 사항은 집중적으로 다루지 않는다는 것입니다. 사이트 속도가 비즈니스 이해관계자를 위한 주간 또는 월간 보고서에 포함되지 않으면 쉽게 잊혀지고 이에 집중할 리소스를 확보하기가 어려워집니다. 하지만 분석팀은 속도 추적에 경험이 없는 경우가 많으므로 개발자의 도움이 필요합니다. 또한 개발자는 속도가 개선될 때 수익에 미치는 영향을 계산하기 위해 분석팀의 도움이 필요합니다. 이러한 부서들은 처음 생각하는 것보다 서로 더 많이 의존합니다.
분석팀에 제안서 보내기
많은 우수사례에서 사이트 속도가 수익과 이탈률에 미치는 영향을 보여줍니다. 회사의 사이트 속도 추적을 설정하고 이해관계자에게 전달하는 보고서의 일부로 속도를 포함하여 더 많은 참여를 유도할 수 있도록 협력할 수 있을까요?
분석팀과의 회의 준비하기
- 정기적으로 속도 추적 Lighthouse CI, PageSpeed Insights, WebPageTest와 같은 도구와 함께 API를 사용하는 것이 좋습니다. 그러면 통제된 실험실 환경에서 정기적으로 통계를 수집하여 여러 기간에 걸쳐 쉽게 벤치마킹할 수 있습니다.
- 회의 중에 분석할 차트를 준비할 수 있도록 분석팀에 속도의 가치를 전달하고 분석을 수행할 수 있는지 문의합니다.
분석팀과 만나기
- 속도 값으로 만든 차트를 확인합니다. 상대적 모바일 전환율은 속도의 영향과 사이트가 개선되는 방식을 추적하는 한 가지 방법입니다. 분석팀에 추적을 시작해도 되는지 문의합니다.
- Google 애널리틱스의 로드 시간 측정항목이 간소화된 비즈니스 보고서에 적합한지 결정합니다. 속도 값은 이 측정항목을 사용합니다. 많은 개발자가 알고 있듯이 이 측정항목은 여러 중요한 속도 측정항목 중 하나일 뿐이며, Google 애널리틱스에 있으므로 실험실 데이터가 아닌 현장 데이터이기도 합니다. 하지만 간소화된 비즈니스 보고서에 사용할 만큼 충분한가요? 위의 분석에서 얻은 결과를 확인하고 로드 시간이 2~3개월 동안 길었던 경우 상대 모바일 전환율이 감소하는지, 로드 시간이 2~3개월 동안 짧았던 경우 상대 모바일 전환율이 증가하는지 확인합니다. 로드 시간이 상당히 안정적으로 유지되는 경우 속도를 크게 개선하기 전에는 분석이 제대로 작동하는지 알 수 없습니다. 이 경우 다음 대안을 사용하세요.
- 개발자가 사용하는 속도 측정항목의 차트 표시 분석팀에 설명하고 전환율 또는 상대 모바일 전환율과 상관관계가 있는지 확인합니다.
- 수익과 관련된 계산에서 속도를 사용하는 방법과 이를 이해관계자에게 보고하는 방법을 애널리틱스팀에서 생각할 시간을 줍니다. 이 주제는 상담사에게 새로운 주제인 경우가 많습니다. 그런 다음 다시 만나서 합의한 접근 방식을 시도해 보세요. 항상 그렇듯이 적합한 데이터를 찾을 때까지 데이터 수집을 수정해야 하지만, 이는 공동작업을 시작하는 방법입니다.
다음 단계
속도 프로젝트로 큰 개선이 이루어진 후 분석팀에 속도의 가치에 설명된 분석을 수행하도록 요청합니다. 이를 통해 회사에 얼마나 많은 전환과 수익이 발생했는지 보여주고, 내 팀과 함께 협력한 모든 부서에 보상을 제공할 수 있습니다. 이러한 내용은 이해관계자를 위한 주간 보고서에 포함할 수 있으므로 프로젝트가 일회성 작업이 아닌 지속적으로 유지됩니다.