실제 사용자가 모바일 환경이 느리면 나중에 원하는 제품을 찾거나 개발자에게 구매할 가능성이 크게 줄어듭니다. 많은 사이트의 경우 이는 엄청난 기회를 놓치는 것과 같습니다. 특히 모바일 페이지가 로드하는 데 3초가 넘게 걸리면 방문자의 절반 이상이 이탈하는 경우가 많습니다.
지난주, Google 검색 및 Google Ads팀은 웹의 사용자 환경을 개선하는 데 도움이 되는 두 가지 새로운 속도 이니셔티브를 발표했습니다. 두 가지 방법 모두 사이트 소유자와 개발자가 사용자 중심의 성능 측정항목에 주의를 기울이고 Lighthouse 및 PageSpeed Insights와 같은 도구와 실제 현장 데이터(예: Chrome 사용자 환경 보고서 참고)를 사용하여 사용자 환경을 진단하고 개선하는 것이 좋습니다.
모바일 검색 시 속도에 대한 순위 결정
사용자는 질문에 대한 답을 빨리 찾고 싶어 하며 데이터를 통해 사용자는 페이지 로드 속도에 정말 관심이 있음을 알 수 있습니다. Google 검색팀에서는 속도가 2010년에 데스크톱 검색의 순위 신호가 될 것이라고 발표했으며 이번 달 (2018년 7월)부터는 페이지 속도가 모바일 검색의 순위 지정 요소가 될 것입니다.
사이트에서 작업하는 개발자라면 지금이 속도 도구를 사용하여 성능을 평가해 보세요. 성능이 페이지의 사용자 경험에 어떤 영향을 미치는지 생각해 보고 다양한 실제 사용자 중심 성능 측정항목을 측정해 보세요.
너무 많은 JavaScript를 제공하고 있나요? 이미지가 너무 많나요? 이미지와 JavaScript는 실제 조건에서 Chrome 사용자가 경험하는 주요 UX 측정항목에 관한 공개 데이터 세트인 HTTP 보관 파일 및 Chrome 사용자 환경 보고서의 데이터를 기반으로 페이지 로드 시간에 영향을 미치는 가장 중요한 요인입니다.
실적을 평가하려면 다음을 확인하세요.
- PageSpeed Insights: 사이트의 속도 필드 데이터와 이를 개선하기 위한 일반적인 최적화 제안을 보여주는 온라인 도구입니다.
- Lighthouse: 성능, 접근성, PWA, 검색엔진 최적화, 기타 권장사항 전반에서 웹사이트를 개선하는 방법에 관한 맞춤형 조언을 제공하는 실험실 도구입니다.
광고 방문 페이지의 모바일 속도 점수
광고와 속도는 밀접하게 관련되어 있으며, 방문 페이지 속도가 빨라져 ROI가 향상됩니다. 지난주 Google Marketing Live에서 Google Ads팀은 새로운 모바일 속도 점수를 소개했습니다.
1~10점의 모바일 속도 점수 (10이 가장 빠른 점수)는 페이지 속도와 잠재적 전환율 간의 관계를 비롯한 다양한 요소를 고려한 실제 사용자 환경 데이터를 토대로 산출됩니다. 이 점수를 통해 모바일에서 빠른 환경을 제공하는 모바일 방문 페이지와 약간의 작업이 필요한 방문 페이지를 빠르게 파악할 수 있습니다.
또한 병렬 추적도 구현해야 합니다. 이 기능은 2018년 10월 30일부터 모든 Google Ads 계정에서 필수가 됩니다. 이 개선사항을 통해 방문 페이지의 로드 속도가 빨라져 방문 손실이 줄어들 수 있습니다. 병렬 추적은 브라우저에서 navigator.sendBeacon() 메서드를 사용하여 백그라운드에서 클릭 측정이 진행되는 동안 고객을 광고에서 최종 URL로 직접 보냅니다.
조직의 속도에 대해 논의하고 우선순위를 정할 수 있도록 Google에서는 속도 스코어카드와 같은 도구를 제공하여 모바일 사이트 속도를 동종 앱과 비교할 수 있으며, 속도에 대한 투자가 모바일 사이트에 미칠 수 있는 수익을 추정할 수 있는 도구인 개선 효과 추정 도구를 제공합니다.
다음 단계: 측정, 최적화, 모니터링 및 반복
최적화된 웹 환경은 사용자 참여도, 전환수, ROI를 높입니다. 성능은 기능이자 경쟁 우위입니다.
어떤 도구와 측정항목을 사용해야 하는가에 대한 도구와 팁을 찾고 있거나, 성능을 평가하고 비즈니스 사례를 만드는 방법에 대해 알고 싶으신가요? 실습 개요는 '속도 도구에 대해 생각하는 방법' 가이드를 참고하세요.
어떤 도구와 측정항목을 사용해야 하는가에 대한 도구와 팁을 찾고 있거나, 성능을 평가하고 비즈니스 사례를 만드는 방법에 대해 알고 싶으신가요? 다음을 확인하세요.
속도 도구에 대해 생각하는 방법 가이드에서 실무 개요를 확인하세요. 또는 페이지를 위한 빠른 기본 프레임워크를 찾고 있다면 AMP를 살펴보세요.