페이지 속도란 무엇입니까? SEO에서 페이지 속도가 왜 그렇게 중요한가요?

게시 됨: 2022-05-06

2021년 5월 Google 알고리즘이 출시된 이후로 사용자 경험은 SEO에서 가장 중요하게 여겨져 왔습니다. 사용자 경험에 관해서는 다양한 페이지 요소가 중요하지만 페이지 속도가 더 많은 시선을 사로 잡았습니다.

실제로 페이지 로드 속도는 2021년 가장 중요한 순위 요소 중 하나이며, SEO는 웹 페이지에서 불필요한 요소를 줄여 페이지 로드 속도를 개선하는 데 주력하고 있습니다.

많은 요소가 페이지 속도에 영향을 미치며 Google은 사용자의 전반적인 경험을 개선하기 위해 노력하고 있습니다. 이 기사에서는 페이지 속도와 페이지 속도에 영향을 미치는 요인에 대해 설명합니다. 전반적인 페이지 경험을 어떻게 개선할 수 있습니까?

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

페이지 속도는 웹사이트의 속도를 측정하는 지표입니다. 오류, 네트워크 속도, 서버 응답 시간, 파일 크기 및 사이트 로드 속도를 측정합니다.

Page Speed는 웹사이트의 성능을 측정하는 데 사용됩니다. 페이지 속도는 종종 '사이트 속도', 즉 다양한 페이지 뷰 샘플과 혼동됩니다.

일반적으로 페이지 속도는 "첫 번째 바이트까지의 시간" 또는 "페이지 로딩 시간"으로 정의됩니다. 페이지 속도는 브라우저가 정보의 첫 번째 배치를 표시하는 데 걸리는 시간을 측정합니다. 페이지 속도는 HTML 코드, 페이지 요소의 스타일을 지정하는 CSS, 다양한 JavaScript 파일, 이미지, 비디오 및 기타 멀티미디어 등과 같은 다양한 페이지 요소의 영향을 받을 수 있습니다.

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

순위 요소로 페이지 속도에 대한 Google의 첫 번째 업데이트는 2010년에 출시되었습니다. 그러나 그 당시에는 그다지 중요하게 간주되지 않았습니다. 10년 후, Google은 페이지 속도를 엄격하게 측정하고 모바일 및 데스크톱 속도 측정항목을 별도로 사용했습니다.

2017년에 Google은 모바일 사이트 속도를 이전보다 훨씬 더 많이 고려하고 모바일 사용자를 위해 로드되는 속도에 따라 웹사이트 순위를 매길 것이라고 발표했습니다. 따라서 그들은 Accelerated Mobile Pages 또는 AMP를 도입했습니다.

Kissmetrics 설문조사에 따르면 페이지 로드 시간이 3초보다 길면 사용자가 다른 결과를 찾기 위해 다시 돌아올 가능성이 더 높습니다. 그리고 검색 엔진은 이탈률을 SEO의 가장 해로운 측면 중 하나로 간주합니다.

페이지 경험 신호는 Google의 페이지 기준과 유사합니다. 그들은 실제 인간에 대한 사람들의 사용자 경험의 품질로 웹 페이지를 평가하려고 합니다. 페이지 환경의 최신 변경 사항을 통해 Google은 핵심 web vitals와 순위 신호를 결합합니다.

검색 엔진 저널에 따르면 Core Web Vitals는 검색 사용자에게 매력적인 사용자 경험을 보장하기 위해 페이지 경험 신호를 측정합니다. 페이지 속도와 페이지 경험을 계산하기 위해 Google은 다양한 측정항목과 페이지 속도 도구를 사용합니다.

페이지 속도 측정항목

Google은 다음 측정항목을 사용하여 페이지 속도를 계산하고 이를 기반으로 검색결과의 페이지 순위를 지정합니다.

LCP(Large Contentful Paint): 페이지에서 화면에 가장 중요한 콘텐츠를 표시하는 데 걸리는 시간입니다. Google은 스크롤하지 않고 제공되는 콘텐츠에 LCP를 사용합니다.
CLS(누적 레이아웃 이동): 로드 중인 동안 페이지 요소가 예기치 않게 이동하는 것입니다.
FIP(First Input Delay): FIP( First Input Delay)는 단일 HTTP 요청을 읽고 처리하는 데 걸리는 시간입니다. FIP가 높을수록 브라우저가 페이지 렌더링을 시작하는 데 더 오래 걸립니다.
First Contentful Paint(FCP): First Contentful Paint(FCP)는 브라우저가 DOM에서 콘텐츠의 첫 번째 비트를 렌더링할 때 페이지가 로드되고 있다는 첫 번째 피드백을 사용자에게 제공합니다.

SEO에서 페이지 로드 속도를 개선하기 위한 모범 사례

페이지 속도를 계산할 때 Google은 주로 첫 번째 바이트까지의 시간과 페이지 크기를 사용하여 웹사이트 속도를 계산합니다. JavaScript, CSS 또는 HTML의 사용되지 않는 코드, 큰 이미지 파일 또는 느린 서버와 같은 요소는 주로 느린 페이지 속도의 원인입니다.

다음은 페이지 속도를 높이는 몇 가지 모범 사례입니다.

압축 활성화

이미지가 큰 경우가 많고 이미지를 압축하기가 어렵습니다. 이미지 압축 도구를 사용하면 품질에 영향을 주지 않고 이미지의 파일 크기를 줄이는 데 도움이 됩니다. 이를 위해 Chrome 또는 Firefox 브라우저용 Google 웹마스터 도구를 사용할 수 있습니다.

또한 압축 도구와 같은 Gzip을 사용하여 150바이트보다 큰 JavaScript, CSS 또는 Html 파일의 크기를 줄이십시오.

리디렉션 줄이기

리디렉션은 한 페이지에서 다른 페이지로 브라우저를 리디렉션하는 데 자주 사용됩니다. 이는 웹사이트의 기본 URL 변경, 새 URL 추가 또는 표준 태그 사용과 같은 다양한 이유로 수행됩니다.

그러나 페이지가 여러 HTTP 요청을 통과할 수 있으므로 페이지 속도가 느려지고 결국 로드 시간이 늘어날 수 있습니다.

CSS, JavaScript 및 HTML 축소

축소는 HTML, CSS 및 JavaScript 파일의 크기를 줄이는 기술입니다. 이러한 파일을 축소하는 목적은 성능을 최적 수준으로 유지하면서 파일 크기를 줄이는 것입니다.

일부 다양한 플러그인 및 도구는 웹 페이지에서 사용하지 않는 코드를 제거합니다.

렌더링 차단 JavaScript 제거

DOM 트리의 각 이벤트에 대해 브라우저는 이러한 이벤트의 데이터를 구문 분석하고 동일한 정보를 렌더링의 일부로 화면에 렌더링해야 하는지 여부를 결정하는 데 소비할 시간을 결정합니다.

가장 좋은 방법은 차단 해제 JavaScript 코드 사용을 최소화하거나 피하는 것입니다.

브라우저 캐싱 활용

브라우저는 빠른 액세스를 위해 로컬 저장소에 데이터를 저장합니다. 그러나 브라우저 캐시는 올바르게 사용되는 경우에만 유용합니다.

브라우저 캐싱은 HTML5 히스토리 API를 사용하거나 세션 저장소를 유지하여 수행할 수 있습니다. 최상의 결과를 얻으려면 Catchfly, MaxCDN, CloudFlare 및 Amazon S3와 같은 타사 서비스를 사용하십시오.

서버 응답 시간 개선

YSlow, PageSpeed 및 Google Analytics와 같은 도구를 사용하여 웹 서버의 병목 현상을 식별합니다. 이렇게 하면 사이트에서 가장 느린 부분이 어디인지 찾는 데 도움이 됩니다.

최적의 서버 응답 시간은 200ms 미만입니다.

콘텐츠 배포 네트워크 사용

CDN(콘텐츠 배포 네트워크)은 인터넷 리소스의 속도와 가용성을 높이기 위해 지리적으로 분산된 서버의 광범위한 네트워크입니다.

CDN은 정적 파일을 전달하고, 여러 위치에 분산하여 서버 부하를 줄이고, 서버에서 캐시된 사본을 제공하여 SEO 성능을 개선하고, 캐싱 소프트웨어에 인텔리전스를 추가하는 데 도움이 될 수 있습니다.

이미지 최적화

이미지 그래픽이 PNG 또는 JPG와 같은 올바른 파일 형식인지 확인하십시오. 그것들이 아주 크거나 복잡하지 않다면 작업하기가 더 쉬울 것입니다. WPSmush와 같은 도구를 사용하여 이미지를 압축할 수 있습니다.

페이지 속도를 확인하는 최고의 도구

다음은 최고의 페이지 속도 검사기에 대한 빠른 권장 사항입니다.

Google Page Speed Insights 도구
등대 페이지 속도 검사기
GTMetrix
핑덤 테스트
웹페이지 테스트

결론

상위 Google 순위 요소는 이제 모바일 친화적이며 빠르게 로드됩니다. Google은 긍정적인 페이지 경험을 제공하는 사이트에 지속적으로 보상을 제공하므로 페이지 속도 최적화는 미래를 위해 필요합니다.

게임에서 앞서고 싶다면 사이트 성능 개선 작업을 시작할 때입니다. 옷장에서 페이지 속도 검사기 도구를 선택하고 지금 페이지 속도를 테스트하십시오.