Google PageSpeed ​​Insights 점수를 높이는 방법

Google은 웹페이지의 색인을 생성하고 순위를 매기기 전에 많은 요소를 고려하는 복잡한 알고리즘을 가지고 있습니다. 이러한 순위 요소 중 하나는 페이지 속도입니다.

더 빨리 로드되는 최적화된 페이지는 Google 검색 결과에서 더 나은 성능을 보입니다.

이것이 웹마스터가 페이지 속도에 집착하는 데 많은 시간을 할애하는 이유입니다....왜 그렇게 하지 않을까요?

페이지 속도는 더 나은 사용자 경험을 제공하고 SERP 순위를 높이는 데 매우 중요합니다.

훌륭한 콘텐츠가 있더라도 페이지 로드 속도를 높일 수 없으면 사람들이 무시합니다. 웹사이트가 로드되는 데 오랜 시간이 걸린다면 수상작을 작성하는 것은 의미가 없습니다. 청중이 웹 사이트와 상호 작용하는 방식은 페이지 속도에 따라 다릅니다.

느린 웹 사이트는 일반적으로 비즈니스는 고사하고 순위에 직접적인 영향을 미치는 이탈률이 더 높습니다. 전환율을 높이고 웹사이트를 검색 엔진에 최적화하려면 페이지 속도가 필수적입니다.

오늘날과 같은 인터넷 시대에 인간의 주의 지속 시간은 12초에서 8초로 단축되었습니다. 사용자는 검색어에 대한 답변을 찾기 위해 너무 오래 기다리는 것을 좋아하지 않습니다.

Google은 항상 다른 무엇보다 사용자 경험을 우선시합니다. 따라서 더 나은 사용자 경험을 제공할 수 없다면 유기적 트래픽이 발생하지 않을 것입니다.

웹마스터가 사이트 성능을 분석하고 개선할 수 있도록 Google은 Google PageSpeed ​​Insights 도구를 도입했습니다.

Google PageSpeed ​​Insight는 웹페이지를 분석하고 그에 따라 제안을 제공하여 웹페이지 로드 속도를 높이는 데 도움이 됩니다.

웹사이트가 데스크톱과 모바일 장치 모두에서 어떻게 작동하는지, 더 나은 사용자 경험을 제공하기 위해 어떤 변경을 할 수 있는지에 대한 보고서를 보여줍니다.

이 도구에 대해 더 이야기하겠지만 먼저 페이지 속도가 무엇인지 이해합시다.

페이지 속도란?

페이지 속도는 웹 페이지의 콘텐츠가 로드되는 데 걸리는 시간을 나타냅니다. 웹 사이트의 아키텍처, 백엔드 스크립트, 서버 속도, 서버 응답 시간, 전체 페이지 크기 및 웹 페이지의 이미지 수를 포함하여 웹 사이트의 페이지 속도를 결정하는 많은 요소가 있습니다.

그러나 이는 페이지 속도와 상관관계가 있는 몇 가지 요소일 뿐입니다. 페이지 속도 분석기 도구를 사용하는 경우 웹 사이트의 페이지 속도에 영향을 미치는 다른 모든 구성 요소를 볼 수 있습니다.

많은 사람들이 종종 "페이지 속도"라는 용어를 "사이트 속도"와 혼동합니다.

사이트 속도는 사이트 페이지 방문의 무작위 샘플에서 측정됩니다. 페이지 속도를 측정하기 위한 여러 측정항목이 있습니다.

여기에서는 페이지 속도를 측정하는 가장 일반적인 측정항목을 나열했습니다.

• 페이지 로드 시간: 웹 페이지 콘텐츠의 100%를 완전히 렌더링하고 로드하는 데 걸리는 시간입니다. 모바일 및 데스크톱 장치 모두에서 페이지가 완전히 로드되는 속도를 결정하는 데 사용됩니다.
• 첫 번째 바이트까지의 시간(TTFB): 요청이 제출된 후 서버가 데이터의 첫 번째 바이트를 브라우저에 전송하고 브라우저가 해당 데이터를 표시하는 데 걸리는 시간입니다.
• FCP(First Contentful Paint): 사용자가 페이지를 탐색한 후 브라우저가 DOM 콘텐츠의 첫 번째 부분을 렌더링하는 데 걸리는 시간입니다.

웹 페이지의 로딩 시간에 영향을 미치는 여러 측정항목이 있으므로 페이지 속도를 최적화하는 것은 약간 까다로울 수 있습니다.

페이지 속도를 평가하고 개선하는 데 도움이 되도록 CrUX(Chrome 사용자 경험 보고서)의 데이터를 직접 통합하는 Google PageSpeed ​​Insight 를 사용할 수 있습니다.

페이지 속도 개선이 중요한 이유

Google은 페이지 속도가 많은 사람들 사이에서 중요한 순위 신호라고 여러 번 밝혔습니다. 이 알고리즘은 Google 등대 및 크롬 사용자 경험 보고서(CrUX)의 페이지 속도 데이터를 사용하여 웹 페이지의 순위를 지정합니다.

웹사이트 속도를 높이는 것은 자연 검색 트래픽을 늘리고 순위를 높이는 데 도움이 되므로 매우 중요합니다. 그러나 가장 중요한 것은 웹사이트의 사용자 경험을 향상시키는 것입니다. 사이트의 SEO 작업을 하는 경우 페이지 속도는 간과할 수 없는 것입니다.

페이지 속도를 높이고 로딩 시간을 개선하면 다음과 같은 이점이 있습니다.

• 웹사이트 순위 향상
• 콘텐츠 가시성 향상
• 사이트로 유기적 트래픽 유도
• 이탈률 감소
• 전환율을 높이세요
• 더 나은 사용자 경험 제공
• 더 많은 수익 창출
• 귀하의 웹사이트에 양질의 트래픽을 가져오세요

로드하는 데 시간이 걸리는 웹 사이트가 있으면 수익을 잃을 뿐만 아니라 신뢰성도 잃게 됩니다.

느린 웹사이트를 운영하는 것은 Sisyphus의 저주와 같습니다. 느린 웹 페이지는 언덕 꼭대기까지 운반해야 하는 큰 돌과 같습니다.

허리에 추가 무게를 싣고 "내용의 언덕"을 반복적으로 등반하는 것은 의미가 없습니다.

Google PageSpeed ​​통계

SEO에 익숙하다면 Google PageSpeed ​​Insight에 대해 들어봤을 것입니다. 웹사이트 소유자가 웹사이트의 성능을 테스트할 수 있는 Google의 무료 도구입니다.

URL을 입력하면 해당 웹사이트가 로드되는 속도를 확인할 수 있습니다. 그런 다음 Google은 여러 페이지 성능 지표와 페이지 속도 측정항목을 기반으로 테스트한 URL에 100점 만점의 점수를 부여합니다.

Google PageSpeed ​​Insight는 웹사이트에서 개선 및 최적화가 필요한 영역을 보여줍니다.

또한 사이트 성능을 개선하기 위해 취할 수 있는 권장 사항 및 단계를 안내합니다.

Google PageSpeed ​​Insight는 웹 페이지의 전반적인 품질을 향상시키기 위한 자동화된 기술인 Lighthouse 의 데이터를 사용합니다.

Google Lighthouse를 사용하여 성능, 접근성, 프로그레시브 웹 애플리케이션 및 기타 특성을 평가할 수 있습니다.

완벽한 Google PageSpeed ​​점수

콘텐츠 제작자는 Google PageSpeed ​​Insights 점수를 완성하느라 분주하지만 가장 중요한 부분인 페이지 최적화를 간과하는 경우가 많습니다.

Google PageSpeed ​​Insights 보고서를 사용하는 주된 목적은 숫자에 집착하지 않는 권장 사항을 따르는 것이어야 합니다.

숫자 게임에 휘둘리지 마십시오. 오히려 전체 사이트의 성능을 개선하고 더 나은 사용자 경험을 제공하는 데 집중하십시오. 이러한 측정항목은 웹사이트의 실시간 실적을 반영하지 않는 경우가 있습니다.

하지만 가능한 한 사이트의 로딩 시간을 개선하기 위해 노력해야 합니다. 100/100 페이지 속도 점수를 위해 노력할 필요가 없습니다.

권장 사항에 대해 작업하면 결국 점수가 변경되는 것을 볼 수 있습니다.

웹사이트의 페이지 속도를 확인하기 위한 여러 플랫폼이 있습니다.

GTmetrics는 다양한 위치에서 페이지 속도를 분석할 수 있는 또 다른 훌륭한 도구입니다. Google PageSpeed ​​Insights와 Yslow의 결과를 결합하여 보다 광범위한 보고서를 제공합니다. 웹 페이지에서 개선해야 할 모든 영역을 보여주는 Pingdom과 같은 다른 페이지 속도 검사 도구도 있습니다.

이러한 각 도구는 서로 다른 측정항목을 사용하며 이러한 플랫폼에서 다른 결과를 볼 수 있습니다. 이것은 이러한 수치가 얼마나 일관성이 없을 수 있는지를 보여줍니다.

귀하의 웹사이트 방문자는 귀하의 Google PageSpeed ​​Insights 점수에 관심이 없으며 귀하가 사이트를 최적화하는 방법에도 관심이 없습니다. 그들은 더 빠른 웹페이지와 좋은 콘텐츠를 원합니다.

따라서 이러한 수치를 보는 대신 권장 사항을 사용하여 페이지 속도를 개선하고 더 나은 사용자 경험을 제공해야 합니다.

Google PageSpeed ​​Insights를 사용하는 목적은 높은 점수를 얻는 것이 아닙니다. 대신 웹사이트에서 개선할 수 있는 문제와 영역을 식별하는 것입니다.

실제 로딩 시간과 인지 로딩 시간을 줄이기 위해 최적화해야 하는 요소와 개선 사항이 필요한 부분을 파악할 수 있습니다.

Google PageSpeed ​​Insights 점수를 높이는 방법

웹사이트의 사용자 경험과 콘텐츠 외에도 사이트 성능도 Google에 매우 중요합니다.

Google이 웹사이트 소유자가 웹사이트의 페이지 속도를 분석하고 웹사이트 속도를 늦추는 모든 요소를 ​​식별할 수 있는 별도의 도구를 만들었기 때문에 Google은 귀하의 웹사이트가 빠르기를 원한다는 것이 분명합니다. 따라서 PageSpeed ​​인사이트 점수가 SERP 순위에 영향을 미칠 수 있음을 이해할 수 있습니다.

그러나 이것이 귀하의 웹사이트가 검색 결과의 상위에 랭크되기 위해 완벽한 점수를 받아야 한다는 것을 의미하지는 않습니다. Google은 해당 원 안의 점수만 고려하지 않습니다. 임의의 숫자보다 더 많은 것이 있습니다.

2021년 5월 Core Web Vitals 알고리즘 업데이트 이후 Google은 페이지 경험 신호가 Google 검색 순위에 포함될 것이라고 발표했습니다. Google이 페이지 속도가 중요한 순위 요소라고 공식적으로 발표한 지 10년이 넘었습니다.

그러나 이제 Google은 사용자가 웹페이지와 상호 작용하는 방식도 조사할 것입니다. 즉, TTFB(Time To First Byte), FCP(First Contentful Paint), 페이지에 머문 시간, 이탈률 및 웹페이지 순위를 매길 때 기타 측정항목을 고려합니다.

수치는 웹사이트의 실적에 대한 통찰력을 제공할 수 있지만 때로는 전체 그림을 포착하지 못할 수도 있습니다.

따라서 Google PageSpeed ​​Insight 점수를 완성하는 데 집중하는 대신 전반적인 SEO를 개선하고 웹 페이지 속도를 높이는 방법을 목표로 해야 합니다.

여기에서 웹 페이지를 가득 채우는 요소를 식별하는 데 도움이 되는 몇 가지 권장 사항과 웹 페이지의 로딩 시간을 줄이기 위해 할 수 있는 일을 공유합니다.

1. 다중 페이지 리디렉션 방지

리디렉션은 페이지를 다른 URL로 가리키거나 이미 색인이 생성된 웹 페이지를 삭제할 때 발생합니다. 또한 최적화되지 않고 다른 장치에 반응하지 않는 테마를 사용할 때 여러 페이지 리디렉션이 발생할 수 있습니다.

클릭 후 방문 페이지 리디렉션은 사용자에게 정말 실망스러울 수 있으며 페이지 속도를 저하시킬 수 있습니다.

모바일 사용자가 클릭 후 방문 페이지 리디렉션을 여러 번 거치지 않아도 되는 반응형 테마를 사용하고 있습니다.

클릭 후 방문 페이지 리디렉션이 페이지 속도에 어떤 영향을 미치는지 살펴보겠습니다.

• example.com – 이 웹사이트는 반응형 웹 디자인을 사용하므로 리디렉션이 필요하지 않으므로 가장 빠르고 좋은 옵션입니다.
• example.com → m.example.com/home – 이 페이지는 모바일 사용자를 위해 여러 리디렉션을 거칩니다. 따라서 로딩 시간이 비교적 느립니다.
• example.com → www.example.com → m.example.com – 모바일 환경이 매우 느립니다.

때로는 리디렉션이 유용할 수 있고 아무런 문제가 없지만 로드 시간이 크게 지연될 수 있습니다.

많은 리디렉션을 피하고 화면 크기와 해상도에 따라 레이아웃을 부드럽게 조정하는 반응형 테마를 사용하세요.

2. 페이지 속도를 높이기 위해 이미지 최적화

이미지 최적화는 온페이지 SEO의 중요한 구성 요소입니다. 사진에 올바른 이미지 파일 이름과 alt-tag를 사용하는 것만으로는 충분하지 않습니다. 또한 압축해야 합니다. 이미지는 페이지 성능에 상당한 영향을 주어 웹사이트 속도를 저하시킬 수 있습니다.

Google은 이미지 크기가 페이지 속도에 미치는 영향에 대해 웹마스터에게 경고했습니다. 이미지를 사용하면 웹 페이지가 약간 무거워져서 로드하는 데 시간이 조금 더 오래 걸릴 수 있습니다. 그러나 최적화된 이미지를 사용하면 웹사이트 크기가 줄어들어 더 빠르게 로드할 수 있습니다.

파일 크기를 최소화하면서 올바른 형식, 크기, 크기 및 해상도의 고품질 사진이 필요합니다.

웹페이지의 크기는 로딩 시간과 Google PageSpeed ​​Insights 점수에 직접적인 영향을 미치고 결국 SERP 순위에 영향을 미칠 수 있습니다.

이미지 및 기타 그래픽 요소는 전체 페이지 크기의 50-80%를 차지하기 때문에 올바른 형식을 사용하여 이미지를 압축하면 로딩 시간을 크게 줄여 더 나은 사용자 경험을 제공할 수 있습니다.

3. Gzip 압축 활성화

요즘 브라우저는 웹 페이지의 최적화되고 압축된 버전을 렌더링할 수 있습니다. 전체 웹 페이지를 로드하는 대신 GZIP 압축을 사용하여 페이지를 최대 90%까지 축소하고 페이지의 최적화된 버전을 제공할 수 있습니다.

이제 거의 모든 웹 서버와 브라우저에서 GZIP 압축을 사용하여 인터넷을 오가며 웹 페이지를 압축 및 압축 해제합니다.

이 파일 압축 방법은 텍스트 및 코드에 가장 일반적으로 사용되며 JavaScript, CSS 및 HTML 파일을 최대 90%까지 축소할 수 있습니다. 전체 페이지를 사용자에게 전달하는 대신 브라우저는 짧은 시간 안에 로드되는 압축 버전을 요청할 수 있습니다.

4. CSS, HTML, JavaScript 축소

때로는 잘못된 코딩 및 최적화로 인해 웹 사이트가 백엔드에 불필요한 코드 줄로 인해 갇히게 됩니다. 브라우저는 이러한 모든 코드 행을 처리해야 하므로 이러한 불필요한 코드는 페이지 속도를 저하시킵니다.

"축소" 코드는 웹사이트의 프런트 엔드와 브라우저에서 페이지를 처리하는 방식에 영향을 주지 않고 불필요하거나 중복되는 데이터를 제거하는 것을 말합니다. 때로는 웹 사이트를 제대로 실행하기 위해 추가 코드 줄이 필요하지 않습니다. 이러한 불필요한 문자, 공백 및 중복을 제거하면 페이지가 더 빨리 로드됩니다.

Google은 웹마스터가 코드를 최적화된 상태로 유지하고 웹사이트 백엔드에서 코드를 최소화하는 것을 선호합니다. Google의 AMP 프레임워크를 사용하여 백엔드 파일을 축소하고 HTML, CSS 및 JavaScript의 제거된 버전을 얻을 수 있습니다. 이렇게 하면 웹 페이지가 몇 초 안에 로드되는 데 도움이 됩니다.

코딩 기술 없이도 CSS, HTML 및 JavaScript 코드를 축소할 수 있는 간단한 방법이 있습니다.

WordPress 개발자인 경우 코드를 축소할 수 있는 wp-rocket과 같은 캐싱 플러그인을 사용할 수 있습니다.

5. 사이트에 대한 브라우저 캐싱 활성화

페이지가 사용자를 위해 완전히 로드되기 전에 서버와 브라우저 간에 많은 요청이 필요할 수 있습니다. 이는 시간이 걸릴 수 있으므로 사용자에게 콘텐츠를 제공하는 가장 효율적인 방법이 아닐 수 있습니다.

이것은 브라우저 캐싱이 재생되는 곳입니다. 브라우저 캐싱을 사용하면 누군가가 클릭할 때마다 웹 페이지 콘텐츠를 동적으로 제공하는 대신 웹 브라우저에서 웹 사이트의 정적 버전을 사용자에게 빠르게 제공할 수 있습니다. 캐싱이 하는 일은 브라우저가 헤더, 탐색, 로고 등 최근에 로드된 특정 요소를 "기억"하도록 하는 것입니다.

브라우저가 캐시할 수 있는 항목이 많을수록 사용자가 무엇이든 요청할 때 로드해야 하는 요소가 줄어들고 페이지가 더 빨리 나타납니다.

캐싱이 없는 웹사이트와 비교할 때 웹페이지의 정적 버전을 제공하는 데 시간이 비교적 적게 걸립니다. 이렇게 하면 PageSpeed ​​Insights 점수를 크게 향상시킬 수 있습니다.