속도는 왜 중요할까?

개발을 하면서 웹사이트(또는 앱)에서 속도가 그렇게 중요한가? 라는 생각을 종종 하기도 했고 성능을 높이는 것이 중요하다는 말은 많이 들었지만 실제로 이래서 필요하구나 하고 느끼거나 와닿은 적이 없었습니다. 이에 대해서 아래 글을 통해 성능이 왜 중요하고 필요한지 직접적으로 알게 되었고 흥미롭게 읽어서 이를 번역해보았습니다.

Why does speed matter?
Consumers are also more demanding than they've ever been, and when they weigh the experience on your site, they aren't just comparing you with your competitors...web.dev

점점 더 많은 소비자들이 디지털 콘텐츠와 서비스를 이용하는데 모바일 기기를 많이 사용하고 있으며 사이트 분석을 살펴보면 이를 알 수 있습니다. 또한 요즘의 소비자들은 더욱 요구 사항이 높아졌으며 사이트를 이용하고 나서 평가를 할 때 다른 타사의 최고의 서비스와 비교해서 평가합니다.

이 글에서는 성과와 비즈니스 성공 사이의 관계에 대한 몇 가지 연구를 종합하여 보았습니다.

성능(속도)는 사용자를 유지하는 것과 관련이 있다

성능은 회사 순익에 직접적인 영향을 미쳤다 - 핀터레스트(Pinterest)

성능은 온라인 사업의 성공에 중요한 역할을 합니다. 고성능 사이트 즉, 속도가 빠른 사이트는 그렇지 못한 사이트보다 사용자를 더 잘 끌어들이고 유지할 수 있습니다.

이를 위해 핀터레스트(Pinterest)는 인식 대기 시간을 40% 단축하고 검색 엔진 트래픽과 게시물 등록 속도를 15% 증가시켰고 쿡(COOK)은 평균 페이지 로딩 시간을 850ms, 변환 속도 7%, 바운스 속도 7% 그리고 세션당 페이지 수 10%를 단축시켰습니다.

여러 연구를 통해 실적 부진이 사업 목표에 부정적인 영향을 미칠 수 있다는 것을 보여주었습니다. 예를 들어, BBC는 사이트가 로딩되는 데 1초마다 10%의 사용자를 추가로 잃었다는 것을 발견했습니다.

성능은 변환을 개선하는 것이다

변환을 개선하는 것은 사용자를 유지하는데 중요합니다. 느린 사이트는 수익에 부정적인 영향을 미치며 빠른 사이트는 전환(변환)율을 높이는 것으로 나타났습니다.

모비 파이(Mobify)의 경우 홈페이지 로딩 속도가 100ms 감소할 때마다 세션 기반 변환이 1.11%씩 증가하여 연평균 38만 달러에 가까운 매출 증가를 보였습니다. 또한 체크아웃 페이지 로딩 속도가 100ms 감소하면 세션 기반 변환이 1.55% 증가하여 연평균 53만 달러에 가까운 수익 증가를 낳았습니다.

AutoAnything은 페이지 로딩 시간을 절반으로 줄였을 때 매출이 12%에서 13%로 증가했습니다.

Retailer Furniture Village는 사이트 속도를 검사하고 발견한 문제점을 해결하기 위한 방안을 세워 개발해서 페이지 로딩시간을 20% 단축했고 이는 전환율 10% 증가로 이어졌습니다.

성능은 사용자 경험(UX)을 위한 것이다

사용자 경험에 있어서는 속도가 중요합니다. 웹/모바일 속도 지연에 따른 스트레스 반응은 공포영화를 보거나 수학 문제를 푸는 것과 유사하며, 마트 계산대에서 기다리는 것보다 크다는 소비자 연구결과가 나왔습니다.

사이트가 로드되기 시작하면 사용자는 콘텐츠가 나타날 때까지 기다리는 기간이 생깁니다. 이 동안은 사용자 경험이 없는데 이 경험의 부족은 빠른 연결이 된다면 일시적이지만 느린 연결에서는 사용자가 긴 시간 기다려야 합니다. 페이지 자원이 천천히 로드될 때 사용자는 더 많은 문제를 경험할 수 있습니다.

느린 연결(위)과 빠른 연결(아래)의 페이지 부하 비교

성능은 좋은 사용자 경험의 기초적인 측면입니다. 사이트가 많은 코드를 발송할 때 브라우저는 코드를 다운로드하기 위해 사용자의 데이터 요금을 사용해야 합니다. 모바일 장치는 CPU 전력과 메모리가 제한되어 있습니다. 그것들은 종종 최적화되지 않은 소량에 코드에도 문제가 되고 이로 인해 성능이 저하되어 응답이 없을 수 있습니다. 그리고 사용자는 성능이 낮은 애플리케이션을 기다리다 포기하게 될 것입니다.

성능은 사람들을 위한 것이다

사이트와 애플리케이션의 성능이 저하될 경우 해당 사이트를 사용하는 사람들에게 실제 비용이 발생할 수 있습니다.

모바일 사용자가 전 세계 인터넷 사용자의 큰 부분을 차지하고 있고 사용자 중 많은 수가 모바일 데이터 3G, LTE(4G), 5G 네트워크를 통해 웹에 접속하고 있습니다. 칼리브르의 벤 슈바르츠(Ben Schwarz)가 실제 성능 연구에서 지적했듯이 선불 데이터 요금제의 비용이 감소하고 있으며 이는 이전보다 장소에 구애받지 않고 인터넷 접속을 할 수 있게 만들었습니다. 모바일 기기와 인터넷 접속은 점점 더 상호 연결되는 세상에서 탐색하고 기능하기 위해 필요한 일상적인 도구입니다.

전체 페이지 크기는 최소 2011년 이후 꾸준히 증가하고 있으며, 그 추세는 지속되고 있는 것으로 보입니다. 페이지가 더 많은 데이터를 보낼수록 사용자는 더 많은 데이터 요금이 발생하게 되므로 비용이 들게 됩니다.

사용자의 비용을 절감할 뿐만 아니라, 빠르고 가벼운 사용자 경험도 위기에 처한 사용자에게 매우 중요하니다. 병원, 치료소, 위기관리 센터 등 공공자원은 사용자가 위기 상황에서 필요로 하는 중요하고 구체적인 정보를 제공하는 온라인 자원을 보유하고 있습니다. 스트레스가 많은 순간에 중요한 정보를 효율적으로 제공하는 데 있어 디자인도 중요하지만 정보를 신속하게 전달하는 것의 중요성은 아무리 강조해도 지나치지 않습니다. 이것은 우리가 해야할 일입니다.

웹사이트 속도를 향상시켜보자

Google이 모든 웹사이트가 집중해야 한다고 생각하는 측정 기준에 대해 알아보려면 Core Web Vitals를 읽어 보세요.

그리고 빠른 로드 시간을 위한 속도와 유지에 관한 많은 팁과 요령을 확인하세요.