페이지 속도가 중요한 이유는 무엇입니까? 테스트 및 개선 방법

페이지 속도가 중요한 이유는 무엇입니까?

대부분의 사이트는 느린 페이지 속도로 인해 방문자의 절반 정도를 잃습니다. 실제로 평균적인 데스크톱 웹 페이지는 이탈률은 42 %입니다.에서 평균 모바일 웹 페이지 이탈률은 58 %이고 평균 클릭 후 방문 페이지 이탈률은 60 ~ 90 %입니다. 특히 모바일 사용이 계속 증가하고 소비자의 관심을 끌고 유지하는 것이 날이 갈수록 더 어려워지고 있다는 점을 고려할 때 어떤 식 으로든 숫자를 아첨하지 않습니다.

Google에 따르면 평균 페이지로드 시간은 상위 방문 페이지여전히 느린 12.8 초. 여기에는 모바일 인터넷 액세스가 만연하고 4G 속도가 전 세계적으로 가장 높은 곳이 포함됩니다. 

평균 페이지 속도는 사용자의 53 %가 단 3 초만에 페이지를 이탈한다는 점을 고려할 때 너무 깁니다.

페이지 속도 및 이탈률

그렇다면 좋은 페이지로드 속도는 무엇입니까? 거의 즉각적

다행히 해결책이 있습니다. 하지만 그 전에 페이지 속도의 중요성에 대해 더 알아 보겠습니다.

페이지 속도가 중요한 이유

eMarketer는 2019 년에 전 세계 디지털 광고 지출이 $ 316를 초과 할 것입니다. 십억 그리고 가까운 미래에만 증가 할 것입니다.

2017 년부터 2022 년까지 디지털 광고 지출

분명히 브랜드는 광고에 막대한 금액을 지출하고 있으며 예산을 최대한 활용할 것으로 기대하고 있습니다. 하지만 사람들이 광고를 클릭하면 클릭 후 방문 페이지 즉시로드되지 않습니다. 몇 초 내에 다시 클릭하여 광고주의 예산이 낭비됩니다.

페이지 속도가 비용에 미치는 영향은 엄청 나기 때문에 앞으로는 페이지 속도를 최우선 순위로 삼아야합니다. 다음은 자신의 디지털 광고 캠페인을 평가할 때 고려해야 할 몇 가지 지표와 요점입니다.

품질 점수

느린 페이지로드는 사용자를 실망시킬뿐만 아니라 품질 평가 점수도 저하시킵니다. 품질 평가 점수는 광고 순위, 그리고 궁극적으로 각 클릭에 대해 지불 할 수있는 금액을 느리게로드하는 페이지는 자연스럽게 점수를 낮 춥니 다.

전환율

페이지가로드 될 때까지 기다리는 사람이 적 으면 전환 할 기회가 줄어 듭니다. 그들은 귀하의 제안, 혜택, 클릭 유도 문안 등을보기도 전에 귀하의 페이지를 포기하고 있습니다.

예를 들어 소매업에서는 XNUMX 초 지연 모바일로드 시간에서 전환율에 최대 20 %까지 영향을 미칠 수 있습니다.

모바일 경험

2016 년 중반, 모바일 웹 사용 데스크톱 트래픽을 넘겼습니다.:

모바일이 데스크톱 조회수 차트를 능가합니다.

소비자 지출 모바일에서 더 많은 시간, 마케터와 광고주는 적응할 수밖에 없었습니다. 전달하는 한 가지 방법 모바일에 최적화 된 캠페인 빠르게로드되는 페이지를 만드는 것입니다.

이는 이러한 각 문제를 해결하는 # 1 페이지 속도 솔루션을 제공합니다.

페이지 속도를 높이는 AMP 방문 페이지

AMP, 오픈 소스 프레임 워크 2016 년에 도입 된이 기능은 광고주가 무엇보다 사용자 경험을 우선시하는 매우 빠르고 원활하게로드되는 모바일 웹 페이지를 만들 수있는 방법을 제공합니다. 

AMP 페이지는 거의 즉각적인로드 시간을 제공하는 동시에 일부 스타일 및 브랜딩 사용자 정의 기능을 지원하기 때문에 광고주에게 매력적입니다. HTML / CSS 및 JavaScript를 제한하므로 클릭 후 랜딩 페이지 렌더링을 더 빠르게 할 수 있습니다. 또한 기존 모바일 페이지와 달리 AMP 페이지는 Google 검색에서 더 빠른로드 시간을 위해 Google AMP 캐시에 의해 자동으로 캐시됩니다.

클릭 후 최적화의 리더 인 Instapage는 AMP 프레임 워크를 사용하여 클릭 후 랜딩 페이지를 생성하는 기능을 제공합니다.

가속 모바일 페이지 (AMP)

와 더불어 Instapage AMP 빌더, 마케팅 담당자 및 광고주는 다음을 수행 할 수 있습니다.

  • 개발자없이 Instapage 플랫폼에서 직접 AMP 클릭 후 랜딩 페이지 생성
  • 유효성 검사, A / B 테스트 및 AMP 페이지를 WordPress 또는 사용자 지정 도메인에 게시
  • 더 나은 모바일 경험을 제공하고 품질 평가 점수를 높이며 더 많은 전환을 유도합니다.

AMP 가속 모바일 페이지 유효성 검사

AMP (Accelerated Mobile Page) 유효성 검사

혁신적인 보청기 회사 Eargo는 클릭 후 경험에 AMP를 구현 한 이후 놀라운 결과를 얻었습니다.

Instapage 별 AMP 랜딩 페이지

Instapage가있는 AMP 랜딩 페이지

Instapage로 AMP 페이지를 구축하는 것 외에도 페이지 속도를 향상시킬 수있는 몇 가지 다른 방법이 있습니다. 시작하는 데 도움이되는 세 가지 방법이 있습니다.

페이지 속도를 향상시키는 3 가지 다른 방법

1. 페이지 속도 도구 활용

PageSpeed​​ 인사이트 페이지에 0 점에서 100 점까지 점수를 매기는 Google의 속도 테스트입니다.

페이지 속도 인사이트

점수는 두 가지 매개 변수를 기반으로합니다.

  1. 스크롤없이 볼 수있는 부분에로드되는 시간 (사용자가 새 페이지를 요청한 후 페이지에서 스크롤없이 볼 수있는 부분에 콘텐츠를 표시하는 총 시간)
  2. 전체 페이지로드 시간 (사용자가 페이지를 요청한 후 브라우저가 페이지를 완전히 렌더링하는 데 걸리는 시간)

점수가 높을수록 페이지가 더 최적화됩니다. 경험상 85 이상이면 페이지가 잘 작동하고 있음을 나타냅니다. 85 점 미만이며 점수를 높이려면 Google에서 제공하는 제안을 살펴 봐야합니다.

PageSpeed ​​Insights는 페이지의 데스크톱 및 모바일 버전에 대한 보고서를 제공하고 개선을위한 권장 사항도 제공합니다.

Think with Google : 내 사이트 테스트는 PageSpeed ​​Insights 팀에서 시작했으며 모바일과 데스크톱이 아닌 모바일 페이지 속도 만 테스트합니다. 페이지로드 속도를 나타내는 또 다른 지표입니다.

Google로 생각 내 사이트 테스트

이 도구는 로딩 시간을 표시하고 사이트의 각 페이지 속도를 높이기위한 사용자 지정 권장 사항을 제공 한 다음 전체 보고서를 생성하는 옵션을 제공합니다.

2. 완전히 최적화 된 이미지 (압축)

압축, 크기 조정, 서식 변경 등으로 이미지를 최적화하면 바이트를 절약하고 페이지로드 시간을 단축하며 모바일 사이트 성능을 향상시킬 수 있습니다. 의 사이에 다른 최고 권장 사항, 구글은 불필요한 고해상도 이미지와 GIF를 제거하고 가능하면 이미지를 텍스트 나 CSS로 대체하라고 말합니다. 

또한 이러한 설정을 자동화 할 수 있기 때문에 압축 및 크기 조정 된 이미지를 제공하는 것이 그 어느 때보 다 쉬워졌습니다. 예를 들어 스크립트를 사용하여 수백 개의 이미지 크기를 자동으로 조정하고 압축하여 수동 작업을 줄일 수 있습니다 (AMP 페이지를 빌드 할 때 사용자 지정 이미지 태그는 이러한 동일한 최적화를 자동으로 만듭니다).

사용 가능한 옵션이 너무 많아 최적의 이미지 형식을 선택하는 것이 어려울 수 있습니다. 모두 사용 사례에 따라 다르지만 다음은 가장 일반적인 몇 가지입니다.

  • WebP : 사진 및 반투명 이미지
  • JPEG : 투명도가없는 사진
  • PNG : 투명한 배경
  • SVG : 확장 가능한 아이콘 및 모양

이미지 품질의 손실없이 JPEG보다 30 % 더 많은 압축을 허용하므로 WebP로 시작하는 것이 좋습니다.

3. 스크롤없이 볼 수있는 콘텐츠의 우선 순위 지정

사이트 속도에 대한 사용자의 인식을 향상시키는 것은 사이트 속도 자체를 향상시키는 것만큼이나 중요합니다. 그렇기 때문에 이미지가 최적화되면 정확한 순간에 이미지가 제공되는지 확인해야합니다.

다음을 고려하십시오. 모바일 장치에서 사이트의 보이는 부분은 작은 영역으로 제한됩니다. 폴드 위. 결과적으로 해당 영역의 콘텐츠를 빠르게로드 할 수있는 반면 스크롤없이 볼 수있는 다른 요소는 백그라운드에서 다운로드됩니다.

참고 : AMP를 고유하게 만드는 데 도움이되는 것은 우선 순위가 지정된 리소스로드가 내장되어있어 가장 중요한 리소스 만 먼저 다운로드된다는 점입니다.

사이트의 이미지 수를 줄이는 것이 어려울 수 있습니다. 특히 소매 브랜드의 경우 (예 : 제품이 많은 경우) 이러한 세 가지 전략을 사용하여로드 시간에 대한 이미지의 영향을 최소화하는 것이 여전히 중요합니다. 

AMP로 페이지 속도 향상

페이지로드 속도가 느려서 모바일 페이지에서 이탈률이 높고 전환율이 낮은 경우 AMP 페이지가 도움이 될 수 있습니다.

클릭 후 AMP 페이지를 만들어 방문자에게 빠르고 최적화 된 관련성 높은 모바일 브라우징 경험을 제공하고 그 과정에서 품질 평가 점수와 전환을 개선하세요.

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.