페이지 속도가 SEO에 영향을 줍니까? 알아야 할 모든 것

페이지 속도가 SEO 전략에 중요하다는 말을 들어보셨을 것입니다. 이것은 사실이지만 중요한 정도는 사이트마다 다릅니다.

웹사이트를 운영할 때 페이지가 빠르게 로드되는지 확인하는 것이 중요합니다. SEO 초보자도 이를 알고 있으며 전문가들이 옥상에서 이야기하고 있습니다.

모든 것이 중요하지만 사이트 속도가 가장 중요합니다. 사이트 속도는 여러 면에서 SEO에 영향을 미칩니다. 사실, 청중의 마음에 첫인상입니다.

그리고 당신이 이 특정 방문자를 맞이할 준비가 되어 있지 않다면 당신을 만들거나 깨뜨릴 수 있습니다. 이 기사에서 우리는 귀하의 질문에 답할 것입니다. 페이지 속도가 SEO에 영향을 줍니까?

페이지 속도란 무엇입니까?

페이지 속도는 웹사이트가 로드되는 속도 또는 사용자 요청에 응답하는 속도를 측정합니다. 더 빠른 페이지 속도는 더 빠른 탐색, 더 빠른 페이지 로딩 및 더 빠른 페이지 상호 작용을 의미합니다. 빠른 페이지 속도는 사용자가 귀하의 사이트를 반복적으로 방문할 가능성을 높입니다.

페이지 속도는 "페이지를 로드하는 데 걸리는 시간" 또는 "브라우저가 정보의 첫 번째 바이트를 수신하는 데 걸리는 시간"으로 설명할 수 있습니다.

페이지 속도를 계산하려면 Google PageSpeed ​​Insights 또는 YSlow와 같은 도구를 사용할 수 있습니다. 결과는 페이지를 로드하는 평균 시간과 해당 기간 동안 사용자가 보낸 요청 수를 보여줍니다. 결과가 긍정적이면 빠른 페이지 속도를 원하는 것입니다.

Google PageSpeed ​​Insights란 무엇입니까?

Google PageSpeed ​​Insights는 웹사이트의 로드 시간을 최적화하는 데 도움이 되는 온라인 도구입니다. 로딩 속도와 관련하여 페이지 로딩 시간이 짧을수록 웹 사이트의 순위가 높아집니다.

빠르게 로드되는 페이지는 빠른 로드로 간주되며 검색 엔진 순위에서 좋은 순위를 차지합니다. 이 도구는 페이지 로드 및 기타 측정항목을 확인하기 위해 Google에서 제공하는 무료 서비스입니다.

PageSpeed ​​Insights는 Google 순위 알고리즘의 일부입니다. 로드 속도, 서버로 전송된 요청 수 및 기타 메트릭을 분석하여 페이지 속도를 측정합니다. 목표는 웹사이트에서 더 나은 사용자 경험을 제공하는 것입니다.

페이지를 더 많이 최적화할수록 검색 엔진 결과에서 더 나은 순위를 얻을 수 있습니다.

Google PageSpeed ​​Insights를 열고 테스트하려는 URL을 입력합니다. 페이지 속도 테스트를 시작하려면 "제출" 버튼을 클릭하십시오. Google PageSpeed ​​Insights에서 웹사이트의 성능을 확인하는 데 몇 분 정도 걸립니다.

다음 단계는 인덱스, 렌더링 및 로드의 세 가지 범주로 표시되는 테스트 결과를 살펴보는 것입니다.

색인: 웹사이트에서 단일 페이지를 로드하는 속도입니다. 페이지가 두 개 이상인 경우 모든 페이지를 함께 로드하는 데 걸리는 평균 시간입니다.

렌더링: Google 서버가 HTML 코드를 구문 분석하고 페이지를 렌더링하는 데 걸리는 시간을 보여줍니다.

로드: 웹사이트가 완전히 로드되는 데 걸리는 시간입니다. 여기에는 이미지, CSS 파일, JavaScript 등과 같이 Google 서버에 필요한 모든 리소스가 포함됩니다.

각 카테고리를 클릭하면 웹사이트가 각 카테고리에서 얼마나 잘 작동하는지 확인할 수 있습니다.

PageSpeed ​​Insights의 모바일 대 데스크톱

모바일과 데스크톱이라는 두 가지 다른 페이지 속도 통계가 있음을 알 수 있습니다. 이 탭 사이를 전환하여 모바일 또는 데스크톱에서 웹사이트의 성능을 확인할 수 있습니다.

웹 페이지에 반응형 디자인이 있는 경우 모바일 페이지 속도와 데스크톱 페이지 속도의 차이점은 무엇입니까?

모바일 속도

모바일 페이지 속도는 모바일 장치에서 웹사이트를 로드하는 데 걸리는 시간입니다. 종종 모바일 페이지 속도는 데스크톱 속도보다 느립니다.

모바일 네트워크는 브라우징에 4G 또는 3G를 사용하기 때문입니다. 모바일 사용자에게는 모바일 페이지 속도가 느린 것처럼 보일 수 있지만 실제로는 모바일 연결로 인해 로딩이 느려질 수 있습니다.

데스크탑 페이지 속도

데스크탑에서는 더 빠른 인터넷 연결 속도 때문에 점수가 더 높습니다. 또한 Google은 데스크톱에서 모바일만큼 많은 리소스를 로드하지 않습니다. 즉, Page Speed ​​Insights의 데스크톱 버전에서 더 높은 점수를 받을 수 있습니다.

경우에 따라 서버 구성이나 HTML 코드에 문제가 없는데도 웹사이트가 제대로 작동하지 않을 수 있습니다. 이는 브라우저와 서버가 서로 통신하는 방식 때문입니다.

PageSpeed ​​Insights는 SEO에 영향을 줍니까? 100/100 점수가 필수입니까?

짧은 대답은 - 그렇습니다.

페이지 속도는 SEO 관점에서 직접적인 순위 요소입니다.

콘텐츠 및 키워드 연구에 대한 모든 노력을 기울였다 하더라도 느린 페이지 속도는 SEO 노력을 손상시키기에 충분합니다. 이렇게 하면 이탈률이 증가하고 체류 시간이 단축됩니다.

한 설문조사에 따르면 사용자는 로딩 시간이 3초 이상 걸리면 사이트를 떠납니다. SEO에 부정적인 영향을 미치는 나쁜 사용자 경험을 제공합니다. 따라서 페이지 성능은 의심할 여지 없이 다양한 방식으로 SEO에 영향을 미칩니다.

다른 도구는 다른 페이지 속도 테스트 결과를 제공할 수 있습니다. 100/100페이지 속도가 만족스럽지만 그것이 전부는 아닙니다.

질문은 - 100/100 점수가 필수입니까?

그리고 답은 아마입니다. 100/100 점수가 더 낮은 이탈률이나 페이지 로드 시간을 보장하지 않기 때문입니다.

페이지 속도 점수 100점을 달성한 경우에도 페이지 로드 속도가 좋은지 확인해야 하는 몇 가지 사항이 있으며 이에 대해서는 이후 섹션에서 공유했습니다.

PageSpeed ​​Insights 지표

PageSpeed ​​Insights 측정항목은 웹페이지의 성능을 측정하는 데 사용되는 매개변수 집합입니다.

속도, 리소스 사용량 및 기타 중요한 요소 를 측정하여 웹사이트가 로드되는 속도를 정확하게 평가합니다. 여기에서 사이트 속도를 저하시키는 요인에 대한 통찰력을 얻을 수 있습니다.

웹 사이트의 병목 현상을 파악하고 성능을 최적화하여 병목 현상을 해결하는 데 도움이 되는 도구입니다.

현장 및 연구실 데이터(성능 지표)

이 섹션에서는 두 가지 다른 관점에서 사이트의 성능에 대한 통찰력을 얻을 것입니다.

필드 데이터 는 JavaScript, CSS, 이미지, HTML 등과 같은 웹사이트의 다양한 리소스에 대한 웹사이트 방문자의 요청 수와 유형으로 구성된 데이터 세트입니다.

랩 데이터 는 격리된 환경에서 실행되는 웹사이트의 성능 테스트 결과로 구성된 데이터 세트입니다.

예를 들어, 몇 가지 JavaScript 및 CSS 파일을 포함하는 간단한 웹 페이지를 구축한 경우 필드 데이터에는 웹 사이트의 이러한 리소스에 대한 방문자의 모든 요청이 포함됩니다.

그러나 Google은 현장 데이터가 많은 정보를 제공하지 않기 때문에 실험실 데이터를 사용하여 사이트의 성능을 분석합니다.

첫 번째 콘텐츠가 있는 페인트

‍ 웹 페이지가 브라우저에 의해 완전히 로드된 것은 이번 이 처음입니다. 웹 페이지의 모든 리소스가 서버에서 다운로드되었으며 화면에 표시할 준비가 되었음을 의미합니다.

기회 및 진단

기회 섹션은 사람들에게 웹사이트의 문제점과 해당 문제를 해결하기까지 걸리는 시간을 알려줍니다. 또한 각 문제가 로드 시간에 미치는 영향과 작업 우선 순위를 지정하는 방법에 대한 추정치를 알려줍니다.

빨간색으로 표시된 부분을 클릭하여 추가 진단을 하시면 문제를 확인하실 수 있습니다.

통과된 감사 섹션에는 링크 및 이미지와 같이 웹 페이지에서 이미 잘하고 있는 항목이 나열됩니다. 웹 사이트에 대한 Google의 프레임워크에 맞는 기회 및 진단 섹션의 요소가 모두 표시됩니다.

웹사이트의 속도와 성능을 확인하는 방법은 무엇입니까?

웹사이트 속도와 성능은 모든 웹사이트 소유자에게 필수적인 요소입니다. 웹 사이트의 로딩 시간이 느린 이유를 알기 위해서는 웹 사이트 속도와 성능을 확인해야 합니다.

고맙게도 페이지 속도와 성능을 확인하기 위해 여러 테스트 도구를 사용할 수 있습니다.

핵심 웹 바이탈

핵심 성능 보고서는 세 가지 중요한 지표입니다. 웹사이트가 얼마나 빨리 로드되고 사람의 입력에 얼마나 반응하는지 알려줍니다. Google의 Page Experience Signal에서는 모바일 친화성, 세이프 브라우징, HTTPS 및 침입 삽입 광고와 함께 번들로 제공됩니다.

이 도구에서 제공하는 보고서에는 웹사이트의 페이지 속도를 개선하는 데 사용할 수 있는 중요한 정보가 포함되어 있습니다.

Google PageSpeed ​​인사이트

Google PageSpeed ​​Insights는 로딩 속도, 페이지 크기 및 지연 시간 측면에서 웹사이트의 성능을 확인할 수 있는 도구입니다. 또한 Googlebot이 사이트를 얼마나 잘 크롤링할 수 있는지에 대한 정보도 제공합니다. Google Page Speed ​​인사이트는 CrUX(Chrome 사용자 경험 보고서)에서 데이터를 가져옵니다.

URL에 대한 입력 필드가 하나 있기 때문에 UI가 쉽습니다. 테스트를 실행하면 렌더링 차단 코드, TTFB, 페이지 크기 등에 대한 자세한 정보를 얻을 수 있습니다.

가장 좋은 부분; 이 도구는 완전히 무료입니다. Google 페이지 속도 통계는 'Lighthouse'라는 크롬 확장 프로그램을 사용할 수도 있습니다.

GTMetrix

GTMetrix는 무료 웹사이트 속도 테스트 도구입니다. 페이지 로드 시간, 성능 및 브라우저의 요청 수를 정확하게 측정합니다. 이 테스트의 결과는 웹사이트의 로딩 속도와 사용자 경험을 개선하는 데 도움이 될 것입니다.

등록하지 않으면 캐나다 밴쿠버의 한 위치에서만 테스트를 실행할 수 있습니다. 그래도 무료 계정에 가입한 후에는 위치, 다른 브라우저, 연결 유형을 선택할 수 있습니다.

구글 애널리틱스

Google Analytics는 무료 웹 분석 도구입니다. 웹사이트 방문자의 실적을 추적하고 어떤 방문자가 자주 방문하는지, 사이트에 머문 시간 등을 보여줍니다. 이 도구의 데이터는 웹사이트의 로드 시간을 개선하는 데 사용할 수 있습니다.

Google Analytics의 주요 기능은 오픈 소스 도구이며 누구나 코드를 수정하여 새로운 기능을 추가할 수 있다는 것입니다.

핑덤

Pingdom은 무료 웹사이트 속도 테스트 도구입니다. 이를 통해 사이트 성능을 테스트하고 Googlebot이 사이트를 얼마나 잘 크롤링할 수 있는지에 대한 정보를 얻을 수 있습니다.

이 정보는 웹사이트의 로드 시간을 개선하고 페이지의 다른 부분을 차단하거나 느리게 하는 페이지를 알려주는 데 도움이 됩니다.

테스트를 수행할 위치를 선택할 수 있습니다. 제한된 수의 옵션이 있지만 적어도 실험할 장소를 모르는 것보다는 낫습니다.

Google AMP(액셀러레이티드 모바일 페이지)

Google AMP는 2015년에 시작된 새로운 프로젝트입니다. 이 프로젝트의 주요 목표는 모바일 장치의 웹 페이지 속도를 높이고 로딩 시간을 줄이는 것입니다.

이것은 페이지에서 중복 요소를 제거하고 "샤딩"을 통해 더 빠르게 만들면 발생합니다. 즉, Google은 서버 측 렌더링을 사용하여 품질 저하 없이 최대한 빨리 콘텐츠를 제공합니다.

모바일 검색에서 사이트 속도가 빠르기를 원한다면 구글 AMP를 일관되게 구현할 수 있습니다. 사용자가 온라인에서 무언가를 검색하는 동안 AMP 페이지를 스크롤하면 AMP 페이지가 자동으로 로드됩니다.

PageSpeed ​​Insights 점수 향상을 위한 핵심 사항

페이지 속도 인사이트 점수를 높이는 목표는 웹사이트를 로드하는 데 필요한 시간을 줄이는 것입니다. 이를 달성하기 위해 다음과 같은 몇 가지 단계를 수행할 수 있습니다.

웹사이트의 HTML 파일에서 Gzip 압축 활성화

Gzip 압축은 웹사이트의 HTML 파일 크기를 줄이는 널리 사용되는 방법입니다. 파일을 압축하면 크기가 줄어들고 다운로드 속도가 빨라져 페이지 속도가 향상됩니다.

페이지 속도 통계 점수를 향상시키는 첫 번째 단계는 웹사이트의 HTML 파일에서 Gzip 압축을 활성화하는 것입니다. 이렇게 하면 각 파일의 크기가 크게 줄어들고 웹 페이지를 로드하는 데 필요한 시간이 줄어듭니다.

WPSmush 및 Shortpixel과 같은 이미지 압축 플러그인을 사용하여 이미지를 압축하고 크기를 줄일 수도 있습니다.

서버 응답 시간

빠른 서버 응답 시간은 페이지 속도 인사이트 점수를 높이는 필수 요소입니다. 웹 사이트 서버가 요청에 더 빨리 응답할수록 웹 페이지를 로드하는 데 필요한 시간이 줄어듭니다.

서버를 직접 개선할 수는 없습니다. 당신이 할 수 있는 유일한 일은 더 적은 부하로 더 잘 작동하도록 하거나 하드웨어를 늘리는 것뿐입니다. 둘 다 할 수는 없습니다.

가장 좋은 방법은 대상 고객의 상당 부분에 가장 가까운 서버를 선택하는 것입니다.

웹사이트의 이미지 및 CSS 파일에서 캐싱 활성화

캐싱은 이미지와 스타일시트를 서버 메모리에 저장하여 웹사이트를 로드하는 데 필요한 시간을 줄이는 기술입니다.

서버 메모리의 해당 위치에서 이러한 파일을 검색하기 위해 추가 처리가 필요하지 않기 때문에 페이지 속도가 향상됩니다.

웹사이트의 캐싱 정책을 올바르게 설계하고 구현해야 합니다. 이것은 사이트에 엄청난 양의 이미지나 스타일시트가 있는 경우 특히 중요합니다.

서버가 이러한 모든 파일을 저장할 수 없으면 더 많은 요청을 보내기 시작하여 로딩 속도가 훨씬 느려집니다. 또한 서버에서 다시 로드되기 때문에 해당 리소스를 포함하는 후속 페이지의 로드 시간도 늘어납니다.

또한 CDN(콘텐츠 전송 네트워크)을 사용하여 사용자와 지리적으로 더 가까운 서버에 웹사이트의 리소스를 캐시하고 후속 페이지의 로드 시간을 줄일 수 있습니다.

그러나 이 방법을 올바르게 구현하지 않으면 로딩 속도가 훨씬 느려지고 웹사이트와 지리적 위치 간의 트래픽이 증가하므로 주의해야 합니다.

자바스크립트 코드 축소

CSS와 유사하게 JavaScript 코드를 축소하면 웹사이트 파일의 크기가 줄어듭니다. 또한 서버 메모리의 해당 위치에서 이러한 파일을 검색하기 위해 추가 처리가 필요하지 않기 때문에 페이지 속도가 향상됩니다.

JavaScript 코드를 축소하면 모든 줄이 처리되어 단일 문자열로 바뀝니다. 이렇게 하면 여러 요청 대신 각 기능 또는 변수에 대해 하나의 요청만 전송하여 네트워크 트래픽을 줄입니다.

가벼운 테마 및 플러그인

WordPress 팀은 테마와 플러그인을 만듭니다. 이들은 사이트에서 사용하는 데 필요한 최소한의 코드만 포함하는 사전 컴파일된 경량 파일이기 때문에 웹사이트 성능을 더 빠르게 만들기 위해 설계되었습니다.

그러나 이러한 테마와 플러그인은 사이트 기능에 최적화되어 있지 않을 수 있으므로 주의하는 것이 가장 좋습니다. 같은 팀에서 개발하지 않으면 WordPress의 핵심 코드와 호환성 문제가 발생할 수도 있습니다.

사이트에 클라우드 호스팅 사용

공유 호스팅 계획을 사용 중인 경우 웹 사이트는 한 번에 여러 리소스를 사용하므로 서버가 로드를 따라잡기가 더 어려워집니다.

클라우드 호스팅 계획을 사용하면 웹사이트가 트래픽을 처리하는 데 필요한 모든 리소스가 있는 서버에서 호스팅되며, 이러한 리소스 중 하나가 중단되거나 트래픽이 예기치 않게 급증하는 경우 사이트에서 문제 없이 처리할 수 있습니다. 어떤 문제.

결론

페이지 속도는 검색 엔진 최적화의 필수 요소입니다. 순위를 높이고 사이트를 로드하는 데 걸리는 시간을 개선하는 데 도움이 됩니다.

서버 성능, 페이지 액세스 빈도, 각 페이지에 포함된 콘텐츠 양과 같은 많은 요소가 웹사이트 속도에 영향을 미칩니다. 그러나 이미지를 줄이고 CSS 및 HTML 코드를 최적화하여 사이트 속도를 향상시키기 위해 우리는 모두 할 수 있습니다.

코드가 더 간결하고 각 페이지에 있는 이미지가 적을수록 로드 속도가 빨라집니다. 페이지 속도를 확인하는 데 사용할 수 있는 도구가 많이 있지만 Google의 Page Speed ​​Insights 도구가 가장 좋은 도구 중 하나입니다. 이 도구는 사이트의 성능을 분석하고 개선 방법에 대한 제안을 제공합니다.