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