페이지 속도: 페이지 속도란 무엇이며, 왜 중요한가, 어떻게 개선할 수 있는가?
페이지 속도와 SEO - 페이지 속도가 SEO에 영향을 주나요? 사이트 속도의 중요성이란 무엇인가요?
무료 허브 리소스
페이지 속도와 SEO의 관계는 무엇인가요?
웹사이트에 페이지 속도가 중요한 이유는 무엇인가요?
방문자에게 더 나은 사용자 경험을 제공하는 데 관심이 있거나 SEO 순위를 높이고 싶다면 사이트 개발자는 시간을 들여 페이지 속도에 집중해야 합니다. 아래에서는 페이지 로딩 속도를 개선하는 방법뿐만 아니라 노력의 성공 여부를 추적하는 방법, 페이지 로딩 속도를 테스트하는 방법, 페이지 속도 점수를 높이는 방법 등에 대해 알아볼 수 있습니다.
페이지 속도란 무엇인가요?
가장 간단한 의미로 페이지 속도는 특정 웹사이트 페이지의 콘텐츠가 로드되는 속도를 말합니다. 페이지 속도는 두 가지 방식으로 설명할 수 있습니다: "페이지 로드 시간" 또는 "첫 바이트까지의 시간". 페이지 로드 시간은 웹사이트의 단일 페이지가 콘텐츠를 완전히 표시하는 데 걸리는 시간을 의미하며, 바이트 전송 시간은 브라우저가 웹 서버로부터 첫 번째 바이트의 정보를 수신하는 데 걸리는 시간을 의미합니다. 사용자는 페이지 로딩 시간을 더 중요하게 생각하지만 검색 엔진은 두 가지 유형의 페이지 속도를 모두 중요하게 생각합니다.
페이지 로딩 속도를 개선하는 방법
페이지 로딩 속도를 개선하려면 상당한 노하우와 여러 단계가 필요합니다. 다행히도 개발자가 아니더라도 적은 노력으로 페이지 속도를 쉽게 높일 수 있는 몇 가지 도구가 있습니다. 그러한 도구 중 하나가 Gzip입니다.
Gzip은 150바이트보다 큰 HTML, CSS, JavaScript 파일의 크기를 줄여주는 파일 압축 소프트웨어입니다. 파일 압축은 파일 크기를 최대 90%까지 줄일 수 있습니다. 파일 크기가 작을수록 데이터 사용량이 줄어들어 페이지가 더 빠르게 로드됩니다.
파일 축소와 유사한 방법으로 코드 최소화가 있습니다. UglifyJS 또는 CSSNano와 같은 Google 권장 도구를 사용하여 JavaScript, CSS 및 HTML 코딩을 최소화하세요. 이는 기본적으로 파일 압축과 동일한 효과를 내며, 더 많은 데이터의 필요성을 줄여 로드 시간을 단축합니다. 또한 이러한 도구는 서식, 사용하지 않는 코드 및 코드 주석과 같은 불필요한 데이터를 제거합니다.
재방문자가 많을 것으로 예상되는 경우(당연히 많아야 합니다!) 브라우저 캐싱을 구현하세요. 브라우저는 이미지, JavaScript 파일, 스프레드시트 등의 웹사이트 데이터를 캐시에 저장하므로 방문자가 페이지로 돌아올 때 브라우저가 전체 이미지를 다시 로드할 필요 없이 캐시에서 가져올 수 있습니다. YSlow를 사용하여 현재 캐시 만료일을 확인하고 더 긴 기간으로 설정할 수 있습니다. 대부분의 경우 1년이 적당한 기간입니다.
페이지 속도를 높이기 위해 할 수 있는 또 다른 방법은 리디렉션을 줄이는 것입니다. 페이지가 리디렉션될 때마다 방문자는 1~3초를 추가로 기다려야 합니다. 리디렉션 패턴을 확인하고 불필요한 리디렉션을 제거하면 대기 시간을 줄일 수 있습니다.
콘텐츠를 최적화하여 페이지 로드 시간을 늘릴 수도 있습니다. 예를 들어 콘텐츠 배포 네트워크를 사용하여 다른 서버가 콘텐츠 전송 책임을 공유하도록 할 수 있습니다. 이렇게 하면 사용자가 호스트의 지리적 위치에서 멀리 떨어져 있을수록 콘텐츠에 더 빠르고 안정적으로 액세스할 수 있습니다. 이미지를 최적화할 수도 있습니다. 이미지가 올바른 파일 형식인지, 필요 이상으로 크지 않은지, 웹용으로 압축되었는지 확인하세요.
페이지 속도가 얼마나 중요한가요?
매우 중요합니다. 사용자 관점에서 페이지 속도가 중요한 이유는 페이지가 빠를수록 더 효율적이기 때문입니다. 오늘날 사용자의 평균 집중 시간은 8초에 불과하며, 이는 금붕어의 집중 시간인 9초보다 짧습니다. 하지만 키스메트릭스의 연구에 따르면 월드 와이드 웹의 경우 사용자의 주의 집중 시간은 3초로 더 짧습니다. 페이지가 로드되는 데 3초 이상 걸리면 방문자의 4분의 1 이상이 클릭을 포기할 가능성이 높습니다.
페이지 로딩 속도는 전환에도 영향을 미칩니다. 예를 들어, Walmart는 페이지 속도 데이터를 평가한 결과 페이지 로딩 속도가 1초 빨라질 때마다 전환율이 2%씩 증가하는 것을 발견했습니다. Amazon은 이 이론을 테스트한 결과 사이트 속도가 1초만 느려져도 매년 16억 달러의 손실이 발생한다고 계산했습니다.
검색 엔진도 사용자들이 페이지 로딩 속도를 중요하게 생각하기 때문에 이를 강조합니다. 2010년에 Google은 페이지 로딩 시간을 순위 결정 요소로 사용할 것이라고 발표했습니다. 그리고 7년 후, 페이지 속도를 더욱 중요하게 고려하겠다고 발표했습니다.
Google 애널리틱스에서 페이지 속도를 확인하는 방법
Google에서는 사용자가 콘텐츠와 얼마나 빠르게 상호 작용할 수 있는지 쉽게 확인할 수 있습니다. 또한 개선이 필요한 영역을 식별하고 해당 업데이트의 성과를 쉽게 추적할 수 있도록 도와줍니다. 그렇다면 시작하려면 어떻게 해야 할까요?
- Google 애널리틱스 계정에 로그인합니다.
- 보기로 이동합니다.
- 보고서를 클릭합니다.
- 행동 > 사이트 속도를 선택합니다.
그러면 세 가지 보고서 중 하나를 선택할 수 있습니다: 페이지 타이밍 보고서, 속도 제안 보고서, 사용자 타이밍 보고서입니다. 페이지 타이밍 보고서를 엽니다.
페이지 타이밍 보고서에서는 각 페이지의 성능을 속도 측면에서 자세히 분석할 수 있습니다. 또한 페이지 조회수 및 이탈률, 네트워크 및 서버 지표, 다양한 지표에 대한 타이밍 버킷, 네트워크 및 서버 지표 등에 대한 데이터도 제공합니다.
또한 사용자 타이밍 보고서는 사이트와 모든 사용자의 개별 상호 작용에 대한 자세한 분석을 제공하므로 유용할 수 있습니다. 예를 들어 사용자가 버튼, 동영상 또는 이미지와 상호 작용한 시점과 각 요소가 응답하는 데 걸린 시간을 확인할 수 있습니다.
페이지 속도 점수를 높이는 방법
사이트의 페이지 속도 점수를 산출하기 위해 Google은 모바일 기기에서 한 번, 데스크톱 컴퓨터에서 한 번, 두 번 URL을 가져옵니다. 그런 다음 두 가지 매개 변수, 즉 스크롤없이 볼 수 있는 시간 및 전체 페이지 로드 시간을 측정합니다. 스크롤 위 로딩은 사용자가 가장 먼저 보게 되는 콘텐츠이므로 전체 페이지 로딩보다 약간 더 중요합니다. 하지만 전체 페이지 로딩이 스크롤 위 로딩보다 훨씬 느려서는 안 됩니다.
두 가지 유형의 기기에서 URL을 테스트하고 두 가지 매개변수 각각을 평가한 후 Google은 페이지 속도 점수를 매깁니다. 페이지 속도 점수는 0점에서 100점 사이이며 100점이 최적의 점수입니다. 하지만 이 등급을 받는 사이트는 거의 없습니다. 좋은 점수는 85점 이상이며, 85점 미만은 약간의 작업이 필요합니다.
하지만 100점을 받을 수 있다면 도전해 보는 것은 어떨까요? 사이트가 50점을 받았든 90점을 받았든, 평가 등급을 높이기 위해 할 수 있는 일은 항상 있습니다. 우선, 보고서를 확인하여 무엇이 잘못되었는지 확인하세요. Google에서는 노란색 느낌표 또는 눈에 띄는 빨간색 느낌표로 개선이 필요한 부분을 쉽게 식별할 수 있습니다. 노란색이면 문제 해결을 고려해야 합니다. 빨간색이면 문제를 해결하면 점수가 크게 올라갈 수 있습니다. 그런 다음 섹션 1의 "페이지 로딩 속도를 개선하는 방법"의 조언을 따르세요.
페이지 속도를 위해 이미지를 최적화하는 방법
이미지는 특정 페이지에서 가장 많은 데이터 사용량을 차지하는 경우가 많습니다. 따라서 다운로드 가능한 바이트 수를 줄이고 페이지 속도를 높이기 위해 이미지를 최적화하는 것이 좋습니다.
이미지를 최적화하는 것은 포토샵에서 크기를 줄이는 것만큼 간단하지 않습니다. 먼저 인코딩하려는 데이터 유형, 품질 설정, 이미지 형식 기능, 해상도, 이미지가 벡터 형식으로 제공되는 것이 가장 적합한지 여부 등 여러 가지 요소를 신중하게 분석해야 합니다. 또한 사용자가 어떤 유형의 디바이스에서 이미지를 볼지도 고려해야 합니다. 사용자가 모바일과 데스크톱 디바이스를 모두 사용한다고 가정하는 것이 가장 좋습니다.
숙제를 마쳤다면 이제 압축을 시작할 차례입니다. 이 과정은 시간이 오래 걸리므로 소스로 직접 이동해야 합니다. Google의 페이지스피드 인사이트 페이지에서는 전체 인터넷 이미지 트래픽의 96%를 차지하는 GIF, PNG 및 JPEG 파일유형을 최적화하기 위한 단계별 지침을제공합니다. 페이지스피드 인사이트에서 직접 최적화된 이미지를 다운로드하거나 ImageMagick과 같은 타사 도구를 사용할 수 있습니다. Google은 타사 도구를 사용하는 경우 변환으로 인해 이미지가 커질 수 있다고 경고합니다.
페이지 로드 속도를 테스트하는 방법
페이지의 URL을 입력하고 속도 테스트를 실행할 수 있는 수십 가지 무료 도구가 시중에 나와 있습니다. 이러한 속도 테스트 중 상당수는 효과적이지만, 잘못 실행하고 있을 가능성이 매우 높습니다. 부정확한 속도 테스트를 실행하는 것이 큰 문제가 아니라고 생각할 수도 있지만, 실제로는 큰 문제입니다. 속도 테스트를 올바르게 실행하지 못하면 개선 사항을 정확하게 측정할 수 없거나 실제로 성능이 매우 우수한 영역을 개선하려고 시도할 수 있습니다. 그렇다면 어떻게 하면 제대로 된 속도 테스트를 실행할 수 있을까요? 이 2단계 프로세스를 활용하세요:
- 테스트를 실행하기 전
콘텐츠 전송 네트워크가 있고 사이트에서 캐싱이 이미 구성되어 실행 중인지 확인합니다. 그렇지 않은 경우 호스팅 제공업체 또는 웹 개발자에게 문의하여 설정 방법을 알아보세요.
- 속도 테스트를 올바르게 실행하기
데이터 센터와 가까운 위치와 멀리 떨어진 위치에서 테스트를 실행하세요. 이렇게 하면 콘텐츠 전송 네트워크가 페이지 성능에 얼마나 영향을 미치는지 파악하는 데 도움이 됩니다. 멀리 떨어진 위치로 이동할 수 없는 경우 CDN을 일시적으로 비활성화하고 같은 위치에서 사이트를 다시 테스트합니다.
한 번의 테스트로 정확한 정보를 얻지 못할 수 있으므로 테스트를 여러 번 실행하세요. 브라우저나 호스트가 아직 콘텐츠를 캐싱하지 않은 경우 부정확한 판독이 발생할 수 있으며, 이로 인해 사이트가 실제보다 느리게 보일 수 있습 니다.
SEO에서 페이지 속도는 얼마나 중요할까요?
구글은 2018년에 SiteSpeed 업데이트를 출시했을 때 느린 사이트 중 가장 느린 사이트만 영향을 받을 것이라고 주장했습니다. 하지만 크롤링, 이탈률, 전환율, 전반적인 사용자 참여도 등의 요소를 고려하면 사이트 속도는 느린 사이트뿐만 아니라 모든 사이트의 SEO에 중요한 역할을 한다는 사실을 알 수 있습니다.
먼저 기술적인 이야기를 해보겠습니다. Google은 크롤링 예산을 사이트 테스트 및 순위 지정에 할당합니다. 사이트가 느리면 Google봇이 사이트를 빠르게 통과할 수 없으므로 Google은 다시 보내기를 주저하게 됩니다. 대신 검색 엔진은 더 많은 작업을 수행할 수 있도록 페이지 로드 속도가 더 빠른 크롤링 사이트로 예산을 리디렉션합니다.
이탈률, 전환율, 사용자 경험은 모두 SEO에도 중요한 영향을 미치며 페이지 속도는 이러한 각 요소에 영향을 미칩니다. 위에서 언급한 바와 같이, 사용자의 4분의 1 이상이 3초 이내에 로딩되지 않는 사이트를 클릭하고 다른 사이트로 이동합니다. 사용자가 단 3초 만에 사이트를 클릭하고 다른 곳으로 이동하면 순위에 중요한 역할을 하는 이탈률에 좋은 징조가 아닙니다.
전환율도 순위에 영향을 미칩니다. 사이트 방문자가 판매 주기를 완료하면 Google은 이를 기록하여 검색 엔진 순위에서 한 단계 올라가는 것을 고려합니다. 이는 판매 주기가 구매, 연락처 또는 이메일 뉴스레터 구독으로 끝나는지 여부에 관계없이 적용됩니다.
반대로 방문자가 판매 주기를 완료하지 못하면 필요한 제품, 서비스 또는 정보를 얻기 위해 경쟁업체로 눈을 돌리고 있다는 뜻입니다. 경쟁업체가 여러분이 가져야 할 비즈니스를 확보할 때마다 검색 엔진 순위가 올라가면서 여러분의 순위가 밀려나게 됩니다.
궁극적으로 Google의 목표는 모든 사용자에게 우수한 검색 환경을 보장하는 것입니다. 페이지 로딩 속도가 느리고 사용자가 불편을 겪는다면 검색 엔진은 이러한 목표를 달성할 수 없습니다. 사용자가 좌절감을 느끼면 Google은 어떻게 하나요? 불만을 유발한 사이트의 순위를 낮춰 불이익을 줍니다. Google은 사용자가 좌절감을 느끼는지 어떻게 알 수 있나요? 이탈률과 전환율을 통해 알 수 있습니다.
그렇다면 페이지 속도가 SEO에 영향을 미칠까요? 물론입니다. 하지만 검색 엔진 최적화 페이지(SERP)의 순위를 높이는 데도 신경을 써야 하지만, 궁극적으로는 사용자 경험을 개선하는 데도 신경을 써야 한다는 것이 Google의 입장입니다. 방문자가 사이트와 상호 작용하는 방식과 그 기간은 검색 엔진 대기업이 사이트 순위를 매길 때 고려하는 주요 요소입니다. 사용자가 만족하면 Google도 만족합니다. 즉, 사이트 속도가 느리다면 속도를 높이기 위해 노력해야 할 때입니다. 시작하려면 섹션 1을 참조하세요.
관련 문서