여러 부서에서 웹사이트 속도 수정

웹사이트 속도 최적화 프로젝트를 더 큰 성공으로 이끄는 데 다른 부서가 도움을 줄 수 있는 방법

Lina Hansson
Lina Hansson

사이트 속도와 관련된 한 가지 일반적인 오해는 속도에 대한 책임이 개발팀만 담당한다는 것입니다. 실제로 사이트 속도가 빠르려면 여러 부서의 도움이 필요합니다. 아무리 재능이 있어도 개발자 혼자서 문제를 해결하는 경우는 거의 없습니다. 그렇다면 동료들과 함께 속도를 수정하려면 어떻게 해야 할까요? 이 문서에서는 웹 개발자로서 사이트 속도를 우선시하고, 최적화하면서 여러 부서의 도움을 받고, 최적화 프로젝트의 성공에 대한 인지도를 높이도록 회사를 설득할 수 있는 방법을 설명합니다.

많은 기업이 소비자 행동의 파괴적인 변화를 맞이하고 있습니다. 오프라인 상점이 아닌 디지털 플랫폼에서 구매하는 사람들의 증가로 인해 기업은 빠르게 적응하지 않으면 수익 감소에 직면해 있다는 사실을 알 수 있습니다. 성공하려면 새로운 조직 프로세스와 사고방식, 이해관계자의 강력한 동의가 필요합니다.

공통 과제

기업들이 스스로를 조직하는 방식은 여러 수준에서 변화해야 할 가능성이 높습니다. 우선, 수익을 증대할 수 있는 스피드 프로젝트는 개발자가 작업할 시간을 확보하지 않고 수행하기가 어려울 것입니다. 리소스 할당이 이루어져야 하며, 이해관계자 및 경영진이 우선적인 프로젝트임을 보여주는 경우 마케팅 및 웹 디자이너와 같은 다른 부서와의 공동작업이 더 순조롭게 진행될 수 있습니다.

이러한 운영 수준 외에도 이해관계자는 지금 다음과 같은 두 가지 변화가 발생하고 있음을 이해하는 것이 중요합니다.

즉, 디지털 플랫폼 전문가로부터 정보에 입각한 경영 결정을 내리는 기업이 우위를 점하게 됩니다. 이에 따라 한 가지 제안은 비즈니스 의사 결정이 이루어지는 회의에 한 명의 개발자를 초대하여 사이트와 제약 조건을 처음부터 고려하도록 하여 매출 증가를 확보하는 것입니다.

이해관계자에게 제안서 보내기

일반적으로 판매의 약 10% 가 디지털 플랫폼에서 발생하지만 연구에 따르면 오프라인 상점 판매의 85% 가 디지털 먼저 영향을 받습니다. 특히 모바일에서 실적이 우수한 사이트 (특히 모바일이 주요 기기가 되고 있음)를 보유하는 것이 비즈니스 수익에 매우 중요합니다. Google은 사이트에 영향을 미치는 결정을 내리기 전에 기술팀의 분석 정보를 더 효과적으로 활용할 수 있도록 사이트의 전환율을 높이는 데 도움이 되고 커뮤니케이션 스트림을 설정하는 데 도움이 되는 속도 프로젝트를 제안합니다.

이해관계자와의 회의 준비

이해관계자와 만나기 전에 내 웹사이트 및 경쟁업체의 사이트에 대한 데이터와 제안하는 변경사항에 대해 높은 ROI를 보여주는 데이터를 준비해야 합니다. 속도의 중요성에 대한 데이터를 수집합니다. 가장 좋은 시나리오는 회사의 수익과 관련이 있는 경우입니다. 방법은 다음과 같습니다.

  • 상대적 모바일 전환율을 계산합니다. 분석팀과 협력하여 속도의 가치에 설명된 분석을 수행하세요. 이전에 동일한 길이의 다른 기간보다 로드 시간이 훨씬 긴 특정 기간 (최소 2~3개월)이 있었다면 일반적으로 느린 사이트 속도가 모바일 전환에 큰 영향을 미쳤습니다. 분석을 통해 속도가 느린 기간에 회사가 손실한 수익을 계산하여 속도의 가치를 입증할 수 있습니다. 로드 시간이 거의 같은 수준으로 유지되면 분석을 실행하기가 어려워지며, 아래와 같은 대안을 통해 더 많은 답변을 얻을 수 있습니다.
  • 통계 모델에서 속도의 값 추정. Google의 TestMySite를 사용하면 테스트를 실행한 후 사이트 속도 향상이 비즈니스에 미치는 영향을 계산할 수 있습니다. 평균 월간 방문자 수, 전환율, 평균 주문 금액 관련 데이터만 있으면 됩니다. 이러한 데이터는 분석팀의 도움을 받을 수 있습니다.
  • 권장사항 우수사례를 제공합니다. 사이트 속도를 높여 효과를 확인한 다른 회사의 사례를 찾아볼 수도 있습니다. 페이지 로드 시간이 전환율에 미치는 영향: 12가지 우수사례에 몇 가지 예시가 나와 있습니다.
  • 모바일의 중요성을 보여줍니다. 분석팀에 요청하여 트래픽의 비율(모바일 및 데스크톱)이 차지하는 비중에 대한 데이터를 제공합니다.
  • 비용을 조사합니다. 위의 계산은 이해관계자가 신속하게 수익을 증대할 수 있음을 보여주는 방법이지만, 이해관계자가 결정을 내리려면 ROI를 알아야 합니다. 따라서 예상 비용을 준비하면 경영진이 더 빠르게 결정을 내릴 수 있습니다. 이를 위해서는 초기에 집중된 속도 프로젝트에 걸리는 시간과 이후 유지보수에 필요한 시간을 평가해야 합니다. 예를 들어 신속한 사고: TUI는 사일로를 허물어 사이트 속도를 높임에서 개발자에게 시간 중 20% 를 백로그와 캠페인으로부터 빼앗기며, 이를 통해 사이트 속도를 높이는 프로젝트를 진행하고 다른 방법으로 사이트를 개선할 수 있었습니다.

이해관계자 만나기

  • 모바일과 데스크톱에서 발생하는 트래픽의 양과 지난 몇 년 동안 모바일의 성장 추세를 발표하세요. 이는 우수한 모바일 환경을 만드는 것이 얼마나 중요한지를 잘 보여줍니다.
  • 속도가 회사 수익에 어떤 영향을 미치는지에 대한 연구 결과를 발표합니다.
  • 지속적인 속도 향상을 위한 시간이 주어진다면 개발자가 모바일 방문자의 수익을 높이는 데 도움이 될 수 있음을 이해관계자에게 알립니다.
  • 개발팀원 한 명을 사이트에 관한 결정이 내려지는 경영진 회의에 초대하도록 제안합니다. 요즘은 디지털 플랫폼에서 제품을 판매합니다. 디지털 전문가와 소통하기 시작한 기업이 수상자로 선정됩니다. 현대의 기업은 부서 간, 이해관계자와 개발자 간의 커뮤니케이션 스트림을 설정해야 합니다. Harvard Business Review에서 실시한 연구에 따르면 IT 프로젝트 6개 중 1개는 비용이 200% 넘게 초과되었습니다. 한 가지 예로 Kmart가 있었는데 이 회사는 2000년 14억 달러 규모의 IT 현대화 프로젝트를 시작하면서 Walmart와 Target에 대한 경쟁 우위를 잃었습니다. 통신 및 유지보수를 초기에 설정하면 사일로를 허물고 지식 공유가 경쟁 우위를 점할 수 있습니다.

마케팅팀의 도움을 받아 속도 향상

공통 과제

마케팅팀은 정보에 입각한 결정을 내리기 위해 광고와 데이터를 처리하는 도구가 필요하지만, 대부분의 도구는 웹사이트 속도를 늦추고 사이트에 들어오는 방문자가 화면에 무언가를 볼 때까지 기다려야 하는 렌더링 차단 스크립트로 구현되는 경우가 많습니다. 따라서 균형이 필요합니다. 마케팅 부서에는 데이터와 도구가 필요하지만, 사이트에서 이탈률을 낮추고 전환율을 높이려면 속도가 빨라야 합니다. 그래야 마케팅에서 투자 대비 높은 수익을 얻을 수 있습니다.

스크립트에 주의하면 균형을 유지할 수 있습니다.

  • 거의 동일한 항목을 측정하는 중복은 피하세요.
  • 더 이상 사용하지 않는 도구를 삭제합니다.
  • '있으면 좋은' 항목을 측정하지 마세요. 비즈니스에 중요한 항목만 측정하세요.

개발자가 마케팅 부서가 무엇에 의존하는지 알기 어렵고 마케팅 부서가 어떤 도구가 사이트에 특히 무거운지 모를 수 있으므로 협력해야 합니다.

마케팅팀에 제안서 보내기

추적 및 광고에 사용되는 도구로 인해 방문자가 사이트에 들어올 때 콘텐츠가 표시되는 속도를 차단하는 경우가 많습니다. 이렇게 하면 Google에서 광고에 비용을 지불하므로 사용자는 관심을 가지고 클릭한 다음 기다려야 하므로 마케팅 투자의 가치가 줄어듭니다. 이렇게 하면 짜증이 나고 떠날 위험이 있습니다. 한 연구에 따르면 속도 측정항목 상호작용까지의 시간이 0.15초에서 0.3초로 증가했을 때 전환율이 약 50% 에서 약 35% 로 감소한 것으로 나타났습니다. 필요한 도구와 사이트 성능 간의 균형을 맞추고 마케팅 투자수익을 높이기 위해 이 문제를 함께 해결할 수 있을까요?

마케팅팀과의 회의 준비

  • 사이트에 구현된 스크립트 목록을 만드세요.
  • 이 목록을 마케팅팀에 보내고 사전에 목록을 살펴보고 3개의 버킷으로 정렬하도록 요청합니다.
    • 비즈니스 관련 중요. 이러한 스크립트는 유지되어야 합니다.
    • 참고사항. 더 적게 사용하거나 삭제할 수 있는 스크립트 예를 들어 회사에서 히트맵이나 화면 녹화 파일을 수집하지만 이 데이터는 자주 검토되지 않으며 조치를 취하거나 전환을 늘리지 못할 수도 있습니다. 이 같은 경우에는 2주 동안만 도구를 실행하는 데 동의하고 분석을 위해 유용한 정보를 수집한 후 다음 집중 데이터 수집 기간이 될 때까지 스크립트를 삭제하는 것이 더 나을 수 있습니다.
    • 사용되지 않음 또는 소유하지 않음. 이러한 앱은 삭제해야 합니다.
  • 스크립트 사용 여부와 관계없이 각 스크립트로 인해 사이트 속도가 얼마나 느려지는지 확인해 보세요. WebPageTest에서는 고급 설정의 차단 탭을 통해 이를 설정할 수 있습니다. 또는 Chrome DevTools에서 네트워크 요청을 차단할 수 있습니다.

마케팅팀과 회의

  • 스크립트 목록을 살펴보고 각 스크립트에 관한 뷰를 제공하세요. 예를 들어 있으면 좋은 스크립트가 사이트 성능에 매우 해를 끼치는가? 마케팅팀에서 추천을 받으면 더 쉽게 우선순위를 지정할 수 있고, 비즈니스에 중요한 것이 무엇인지를 들으면 마케팅팀의 관점을 더 쉽게 이해할 수 있습니다.
  • 다음 주제에 대해 논의하세요.
    • 수집된 데이터의 이점이 사이트의 속도 저하로 인한 감소보다 전환 증가로 이어지는가? 데이터는 결정을 내리는 데 도움이 될 수 있습니다.
    • 귀사는 시장에서 가장 빠른 버전의 도구를 보유한 제공업체를 선택했나요? 마케팅 부서는 비즈니스에 중요한 도구를 더 빠른 대안으로 대체할 수 있는지 여부를 알아내기 위해 개발자의 도움이 필요할 수 있습니다.
    • 사이트에 있는 스크립트에 대한 대안이 있나요? 예를 들어 히트맵 대신 사용성 테스트를 시작하여 사용자 행동 뒤에 숨겨진 '이유'에 관해서도 알게 되면 더 깊이 있는 정보를 얻을 수 있습니다.

다음 단계에 대해 동의

  • 향후 프로세스를 결정합니다. 마케팅팀에서 항상 개발자에게 새로운 도구와 이러한 도구가 구현 전에 속도에 미치는 영향을 검토하도록 요청해야 하나요? 아니면 마케팅팀에서 속도를 확인하는 방법을 학습하고 속도 목표를 충족하는 한 원하는 도구의 우선순위를 정할 수 있는 성능 예산을 확보해야 할까요?

웹 디자인 팀의 도움을 받아 속도 향상

웹 성능의 가장 큰 과제 중 하나는 여러 지역에서 연결은 더 빨라질 수 있지만 웹사이트는 점점 더 무거워지고 그 결과 실제로 속도가 느려진다는 것입니다. 개발자는 이 문제를 해결하기 위해 웹 디자이너와 협력해야 합니다.

공통 과제

결국 회사 내 모든 부서는 일반적으로 수익 창출이든 다른 목적이든 전환으로 이어지는 사이트에 의존합니다. 하지만 페이지를 로드하는 데 시간이 너무 오래 걸려 사람들이 페이지에 머무르지 않으면 아무리 멋진 웹페이지도 표시되지 않습니다.

하지만 슬림한 웹페이지는 공동의 책임입니다. 개발자는 다양한 이미지 최적화 기법을 사용하여 이미지를 더 빠르게 로드할 수 있습니다. 웹 디자이너는 페이지 크기를 합의된 수준 아래로 유지하는 데 도움이 되는 페이지를 만들 수 있습니다.

웹 디자인 팀에 제안서 보내기

연구에 따르면 이미지와 요소가 적은 페이지에서 전환이 더 많이 발생한다고 합니다. 예를 들어 Google과 SOASTA에서 실시한 연구에 따르면 사용자가 전환한 세션의 이미지 수가 전환하지 않은 세션보다 38% 적은 것으로 나타났습니다. 함께 협력하여 속도 목표를 달성하고 사이트에서의 전환을 늘릴 수 있는 공동 협력을 할 수 있을까요? Google이 함께 달성할 수 있는 일의 예로는 품질과 속도 간의 균형을 고려한 적절한 이미지 압축 수준을 찾거나 무겁고 느린 사이트를 초래하는 복잡한 레이아웃 또는 기능을 줄이는 것이 있습니다.

웹 디자인 팀과의 회의 준비

  • 사이트에서 로드 시간이 가장 길고 페이지 용량도 가장 많은 페이지를 추적합니다. 예를 들어 전자상거래 사이트를 운영하는 경우 홈페이지뿐 아니라 캠페인 페이지, 가장 큰 카테고리 페이지, 일부 제품 페이지, 결제 과정도 확인해야 합니다.
  • 디자이너를 위한 성능 예산 제안을 준비합니다. 한 가지 대안은 페이지 가중치를 측정항목으로 최대한 간단하게 설정하고 모든 페이지의 타겟으로 1MB (브랜딩이 전환에 매우 중요한 경우 1.5MB)로 설정하는 것입니다.
  • 타겟 페이지 용량 수준을 초과하는 페이지 목록을 준비합니다.

웹 디자인 팀과의 만남

  • 개발팀이 이미지 압축, 반응형 이미지, 이미지 크기 조절, 지연 로드, 캐싱, 서버 최적화와 같은 다양한 이미지 최적화 기술을 통해 이미지를 더 빠르게 제공할 수 있는 방법을 조사합니다.
  • 다양한 이미지 품질 및 크기로 이미지가 게시되는 테스트 페이지를 만들고 다양한 화면에서 성능과 품질의 균형을 맞추는 수준을 결정합니다. 모바일 방문자의 세션 길이가 짧은 경우가 많으며, 한 연구에 따르면 모바일 세션의 절반 이상이 30초 이하입니다. 이러한 사용자는 이미지를 자세히 살펴보지 않기 때문에 사이트가 빠른 것을 선호할 수 있습니다.
  • 성능 예산을 제안하세요. 웹 디자이너는 모든 웹페이지의 페이지 크기가 1MB 미만 (또는 최대 1.5MB)이 되도록 최선을 다합니다.

분석팀의 도움을 받아 속도 개선

기업이 집중해야 할 대상을 파악하고 의사 결정의 기반을 마련하려면 데이터가 필요합니다. 그러나 사이트 속도의 중요성과 수익 및 판매와의 관계에 대해 이야기하는 경우가 많지만 기술팀 외부의 주간 보고서에 속도를 포함하지 않는 회사도 여전히 많습니다. 이는 개발자가 분석팀과 공동작업을 시작하는 경우 변경될 수 있습니다.

공통 과제

그러나 실제로는 이렇습니다. 보고되지 않는 뉴스에는 초점이 맞춰져 있지 않습니다. 사이트 속도가 비즈니스 이해관계자에게 제공되는 주간 또는 월간 보고서에 포함되지 않으면 사이트 속도가 잊혀지기 쉬우며 여기에 집중할 리소스를 확보하기가 어렵습니다. 그러나 분석팀은 추적 속도에 익숙하지 않은 경우가 많기 때문에 개발자의 도움이 필요합니다. 또한 속도가 개선되었을 때 수익에 미치는 영향을 계산하려면 분석팀의 도움이 필요합니다. 이러한 부서는 서로에게 더 많이 의존하고 있습니다 생각하는 것 이상으로

분석팀에 제안 보내기

많은 우수사례에서 사이트 속도가 수익과 이탈률에 미치는 영향을 보여줍니다. 함께 협력하여 회사의 사이트 속도 추적을 설정하고 이해관계자에게 보내는 보고서의 일부로 속도를 확보하여 더 많은 동의를 얻을 수 있을까요?

분석팀과의 회의 준비

  • 정기적으로 속도를 추적합니다. API를 Lighthouse CI, PageSpeed Insights 또는 WebPageTest와 같은 도구와 함께 사용하여 통제된 실험실 설정으로 정기적으로 수집하여 여러 기간에 걸쳐 쉽게 벤치마킹할 수 있도록 하는 것이 좋습니다.
  • 회의 중에 차트를 분석할 수 있도록 속도의 값을 분석팀에 전달하고 분석을 수행할 수 있는지 문의합니다.

분석팀과 회의

  • 속도 값에서 생성된 차트를 확인합니다. 상대적 모바일 전환율은 속도의 영향과 사이트 개선 정도를 추적하는 한 가지 방법입니다. 분석팀에 이를 추적할 의향이 있는지 물어보세요.
  • Google 애널리틱스의 로드 시간 측정항목이 단순화된 비즈니스 보고서에 충분한지 판단합니다. 속도 값에서 이 측정항목을 사용합니다. 많은 개발자가 알고 있듯이 이는 여러 중요한 속도 측정항목 중 하나일 뿐이며 Google 애널리틱스에 있으므로 실험실 데이터가 아닌 필드 데이터이기도 합니다. 하지만 단순화된 비즈니스 보고서에 사용하기에 충분한가요? 위 분석에서 얻은 결과를 확인하여 로드 시간이 2~3개월 이상 길면 상대적 모바일 전환율이 감소하는 것을 관찰하고, 로드 시간이 2~3개월 동안 낮을 때 모바일 전환율이 높아지는지 관찰하세요. 로드 시간이 상당히 안정적이라면 속도가 크게 향상될 때까지는 분석이 효과가 있는지 알 수 없습니다. 그렇다면 다음 대안으로 넘어갑니다.
  • 개발자가 사용하는 속도 측정항목을 차트로 표시하세요. 분석팀에 설명하고 전환율 또는 상대적 모바일 전환율과의 상관관계를 발견했는지 확인합니다.
  • 분석팀이 수익과 관련된 계산에 속도를 사용하는 방법과 이를 이해관계자에게 보고하는 방법을 생각할 시간을 주세요. 이들에게 새로운 주제인 경우가 많습니다. 그런 다음 다시 만나서 동의하는 접근 방식을 시도해 보세요. 항상 그렇듯이 적합한 데이터를 찾을 때까지 데이터 수집을 수정해야 하지만 이것이 공동작업을 시작하는 방법입니다.

다음 단계

속도 프로젝트가 크게 개선된 후 속도의 가치에 설명된 분석을 수행하도록 애널리틱스팀에 요청합니다. 이 보고서는 더 많은 전환과 수익이 창출되었는지를 회사에 보여주므로 귀사는 물론 협업한 모든 부서에 보상을 제공할 수 있습니다. 이는 이해관계자를 위한 주간 보고서에 포함할 수 있으므로, 프로젝트는 일회성 작업이 아니라 지속적으로 유지됩니다.