Scalenut, G2 Fall Leader 2022 - 콘텐츠 제작 부문 선정

페이지 속도가 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 파일, 자바스크립트 등과 같이 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 측정항목은 웹페이지의 성능을 측정하는 데 사용되는 매개변수 집합입니다.

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

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

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

이 섹션에서는 두 가지 다른 관점에서 사이트 성능에 대한 정보를 얻을 수 있습니다.

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

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

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

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

첫 번째 만족스러운 페인트

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

기회 및 진단

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

표시된 빨간색을 클릭하고 추가 진단을 통해 문제를 확인할 수 있습니다.

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

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

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

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

핵심 성능 보고서

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

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

Google PageSpeed ​​통계

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

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

가장 좋은 부분; 이 도구는 완전히 무료로 사용할 수 있습니다. 구글 페이지 속도 인사이트는 '라이트하우스'라는 크롬 확장 프로그램으로도 사용할 수 있습니다.

지티메트릭스

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

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

구글 애널리틱스

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

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

핑덤

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

이 정보는 웹 사이트의 로드 시간을 개선하는 데 도움이 되며 어떤 페이지가 페이지의 다른 부분을 차단하거나 느리게 하는지 알려줍니다.

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

Google AMP(가속 모바일 페이지)

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

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

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

PageSpeed ​​Insights 점수를 개선하기 위한 핵심 사항

페이지 속도 통찰력 점수를 개선하는 목표는 웹 사이트를 로드하는 데 필요한 시간을 줄이는 것입니다. 이를 달성하기 위해 아래에 나열된 몇 가지 단계를 수행할 수 있습니다.

웹사이트의 HTML 파일에서 Gzip 압축을 활성화합니다.

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

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

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

서버 응답 시간

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

서버를 스스로 개선할 수는 없습니다. 당신이 할 수 있는 유일한 일은 더 적은 부하로 더 잘 작동하게 하거나 하드웨어를 늘리는 것이지만 둘 다 할 수는 없습니다.

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

웹사이트의 이미지 및 CSS 파일에 캐싱 사용

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

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

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

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

또한 CDN(Content Delivery Network)을 사용하여 지리적으로 사용자에게 더 가까운 서버에 웹 사이트 리소스를 캐시하고 후속 페이지의 로드 시간을 줄일 수 있습니다.

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

JavaScript 코드 축소

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

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

가벼운 테마 및 플러그인

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

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

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

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

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

결론

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

서버 성능, 페이지 액세스 빈도, 각 페이지에 있는 콘텐츠 양과 같은 많은 요소가 웹사이트 속도에 영향을 미칩니다. 그러나 이미지를 줄이고 CSS 및 HTML 코드를 최적화하여 사이트 속도를 개선할 수 있습니다.

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