SEO를 위해 페이지 속도를 최적화하는 10가지 방법

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

Google의 신경망 연구에 따르면 페이지 로드 시간이 1초에서 3초로 줄어들면 방문자가 로드가 완료되기 전에 사이트를 이탈할 확률이 32% 증가합니다. 그리고 페이지가 느릴수록 사이트 방문자가 불만을 품고 떠날 가능성이 높아집니다. Google은 사용자가 검색을 사용할 때 가능한 최상의 경험을 하기를 원하기 때문에 페이지 로드 속도를 순위 요소로 삼았습니다. 즉, 타겟 키워드에 대해 좋은 순위를 매기려면 페이지 속도를 모니터링해야 합니다. 양질의 콘텐츠가 포함된 매력적인 웹사이트에 투자한 후 마지막으로 필요한 것은 느린 페이지 로드 속도로 인해 순위가 낮아지는 것입니다.

그렇다면 페이지 로드 속도가 사이트의 SEO에 부정적인 영향을 미치고 있는지 어떻게 알 수 있습니까?

페이지 속도를 확인하는 데 사용할 수 있는 다양한 도구가 있습니다. Google만이 Google Search Console, Lighthouse 및 PageSpeed ​​Insights와 같은 여러 무료 도구를 제공하며 모두 페이지 로드 속도에 대한 중요한 정보를 제공합니다. 이를 사용하여 페이지 요소가 얼마나 빨리 로드되는지 확인하십시오. (사이트 성능 측정과 관련하여 Lighthouse 및 PageSpeed ​​Insights가 분석되는 방식은 다음과 같습니다.)

페이지 속도에 어떤 영향을 미칠 수 있습니까?

다양한 온페이지 및 오프페이지 요소가 페이지의 로드 속도에 영향을 미칠 수 있습니다. 긴 로드 시간에 직면한 경우 이러한 가능한 범인을 찾으십시오.

CSS 및 자바스크립트 파일

CSS 파일을 사용하면 고유한 스타일과 레이아웃으로 사이트에 브랜드 이미지를 표시할 수 있으며 JavaScript는 상호 작용으로 웹 페이지에 생명을 불어넣습니다. 둘 다 웹 브라우징 경험을 크게 향상시킬 수 있습니다.

그러나 사이트에서 너무 많은 스타일 시트와 스크립트를 사용하면 로딩 시간이 느려질 수 있습니다. 더 복잡하고 리소스를 많이 사용할수록 페이지 속도에 더 많은 영향을 미칩니다.

또한 JavaScript는 렌더링 문제를 일으켜 검색 크롤러가 사이트의 일부 콘텐츠를 제대로 크롤링하고 인덱싱하는 것을 더 어렵게 만듭니다.

플러그인

플러그인은 페이지에 추가된 상호 작용 및 기능을 제공합니다. 그러나 스크립트와 마찬가지로 플러그인이 너무 많으면 페이지 로딩 시간이 느려질 수 있습니다. 또한 오래되었거나 제대로 관리되지 않는 플러그인은 보안 위험을 초래하고 호환성 문제로 이어질 수 있습니다. 소규모 개발 팀의 덜 알려진 플러그인은 특히 이러한 문제에 취약합니다.

큰 이미지

이미지는 사이트의 콘텐츠를 크게 향상시켜 사이트를 더욱 매력적이고 매력적으로 만들 수 있습니다. 그러나 페이지에 큰 이미지를 사용하면 특히 이미지가 많은 경우 로드 시간이 늘어날 수 있습니다.

최적화되지 않은 이미지는 느린 로드 시간의 주요 원인 중 하나입니다. 이미지 파일 크기가 클수록 로드 대기 시간이 길어집니다. 인터넷 초창기에는 연결 속도가 느리고 사이트 규모도 작아야 했기 때문에 이미지 최적화는 필수 단계였습니다. 이제 최신 웹사이트에서 페이지 무게에 기여하는 요소가 너무 많아 간과하기 쉽습니다.

팝 업

팝업은 방문 페이지로 트래픽을 유도하거나 CTA 및 특별 제안을 전달하는 데 유용합니다. 그러나 페이지 로딩 시간을 늦추는 것으로도 유명합니다. 팝업이 실제로 얼마나 효과적인지, 페이지 로드 속도를 늦출 가치가 있는지 여부를 고려해야 합니다.

웹 서버 속도

누군가 웹사이트를 방문하면 원격 서버에서 파일을 여는 것입니다. 서버가 느릴수록 사이트 자산이 방문자의 브라우저에 로드되는 속도가 느려집니다. 저렴한 호스팅 패키지나 서버에 비용을 절약하는 것이 좋은 생각처럼 보일 수 있지만 실제로는 득보다 실이 더 많을 수 있습니다. 전용 리소스가 부족하거나 서버 응답 시간이 느리거나 리소스가 여러 서버에 분산되어 있는 호스팅 계획은 웹 사이트 성능에 부정적인 영향을 미칠 수 있습니다.

리디렉션 체인

리디렉션은 웹 사이트에서 트래픽을 이동하는 데 매우 편리한 도구이지만 각 리디렉션은 브라우저가 추가 페이지를 방문하게 하여 최종 페이지 로드 시간을 연장합니다. 리디렉션이 리디렉션 체인에 함께 연결되면 로드 시간이 더 연장됩니다. 그리고 체인의 리디렉션이 많을수록 전체 로드 속도가 느려집니다.

리디렉션 체인은 사이트의 아키텍처가 계속 확장됨에 따라 우연히 발생하는 경우가 많습니다. 리디렉션 체인은 또한 사용자 경험을 손상시키고 사이트의 크롤링 예산을 낭비할 수 있습니다. 따라서 사이트가 계속 확장됨에 따라 리디렉션 체인을 염두에 두고 사이트를 정기적으로 크롤링하여 개발되었을 수 있는 모든 것을 식별하는 것이 좋습니다.

가장 중요한 페이지 속도 메트릭은 무엇입니까?

속도 테스트는 다양한 메트릭에 대해 보고합니다. Google이 지배적인 검색 엔진이고 우리의 목표는 검색 결과에서 좋은 순위를 차지하는 것이므로 사이트 속도와 성능을 측정하기 위해 Google이 사용하는 몇 가지 메트릭을 다루겠습니다. 이것이 유일한 페이지 속도 지표는 아니지만 우리의 목적에 가장 큰 영향을 미칩니다.

핵심 성능 보고서

2020년에 Google은 Core Web Vitals를 출시했습니다. 이 메트릭 집합을 통해 웹 관리자는 브라우징 경험 측면에서 사이트의 성능을 알 수 있습니다. 이러한 메트릭은 웹 페이지 로드 시간을 단축하는 방법을 식별하는 데 특히 유용합니다.

Google Search Console을 사용하여 모바일 및 데스크톱 Core Web Vitals 보고서를 볼 수 있습니다. 이 보고서는 양호하거나 개선이 필요하거나 불량한 URL을 보여줍니다. URL이 좋지 않거나 개선이 필요한 경우 영향을 받는 URL과 함께 문제 목록도 제공합니다. 문제와 영향을 받는 URL에 대해 자세히 알아보려면 문제를 클릭하세요.

사이트의 핵심 성능 보고서 데이터는 PageSpeed ​​Insights 또는 Google Lighthouse에서 찾을 수 있습니다.

PageSpeed ​​Insights에서 핵심 성능 보고서는 실제 사용자 경험을 반영합니다. Google Lighthouse는 실제 사용자 데이터 외에 랩 데이터를 사용합니다.

PageSpeed ​​Insights 보고서의 상단에는 핵심 성능 보고서 측정항목이 표시됩니다.

• LCP(Largest Contentful Paint) : 페이지를 로드하는 데 걸리는 시간입니다. 이상적인 LCP는 2.5초 이하입니다.
• FID(First Input Delay): 사용자가 페이지와 상호 작용할 수 있을 때까지 걸리는 시간입니다. 이상적으로는 100밀리초 이하여야 합니다.
• CLS(Cumulative Layout Shift) : 페이지 요소가 로드될 때 이동하는 정도입니다. .1 이하여야 합니다.
• FCP(First Contentful Paint) : 사용자가 화면에서 무언가를 볼 수 있을 때까지 걸리는 시간입니다. 1.8초 이하의 점수는 녹색 상태를 유지합니다.
• INP(Interaction to Next Paint) : 사용자 작업과 페이지 응답 사이의 시간입니다. 200ms 이하는 양호하다고 볼 수 있습니다.
• TTFP(Time to First Byte) : 초기 브라우저 요청과 서버에서 첫 번째 바이트를 수신하는 시간 사이의 시간입니다. 800ms 이하를 목표로 합니다.

PageSpeed ​​Insights에서 측정항목을 클릭하면 해당 web.dev 페이지로 이동합니다. 여기에서 각 측정항목이 무엇이고 왜 중요한지 자세히 설명합니다.

PageSpeed ​​Insights 측정항목

Core Web Vitals 섹션 뒤에는 다음과 같은 추가적인 PageSpeed ​​Index 측정항목이 있습니다.

• 속도 지수 : 페이지 로딩 중 콘텐츠가 표시되는 속도입니다. 3.4초 미만이면 녹색 상태를 유지할 수 있습니다.
• TTI( Time to Interactive ): 페이지가 완전히 상호작용하는 데 필요한 시간입니다. 구글은 5초 미만으로 노력하라고 말합니다.
• 총 차단 시간 : 페이지가 사용자 입력에 대해 차단되는 시간입니다. 여기서 녹색은 200ms 미만입니다.

페이지의 성능이 좋지 않은 경우 문제 해결을 시도할 수 있습니다. 다음은 페이지 속도를 최적화하는 10가지 방법입니다.

페이지 속도를 최적화하는 방법

1. 이미지 압축 및 최적화

페이지 속도 점수를 높이려면 이미지 압축 및 최적화부터 시작하십시오. 이미지 파일 크기를 줄이면 자연스럽게 페이지 크기가 줄어들고 결과적으로 로드하는 데 걸리는 시간도 줄어듭니다.

TinyPNG 또는 Attrock과 같이 이미지 크기를 압축하는 데 사용할 수 있는 다양한 도구가 있습니다. WordPress를 사용하는 경우 Smush, EWWW Image Optimizer 및 Imagify와 같은 여러 이미지 최적화 플러그인을 사용할 수 있습니다.

올바른 파일 형식을 사용하고 이미지 크기를 조정하고 GIF를 제거하면 모두 페이지 무게를 줄이는 데 도움이 될 수 있습니다.

2. 불필요한 플러그인 잘라내기

WordPress 사이트에 12개 이상의 플러그인이 있는 경우 제거할 수 있는 플러그인에 대해 생각해 보십시오. 일부 플러그인은 다른 플러그인보다 더 리소스를 많이 사용하므로 어떤 플러그인이 페이지 속도를 가장 느리게 하는지 파악하기 위해 몇 가지 테스트를 수행해야 할 수 있습니다.

사이트의 플러그인을 검토하고 다른 이해 관계자와 대화하고 실제로 필요한 것을 결정하십시오.

플러그인이 귀하의 웹사이트에 의심스러운 가치를 제공하거나 미래에 가치를 제공할 수 있지만 지금 당장은 그렇지 않다면 플러그인을 비활성화하거나 제거하는 것이 합리적일 수 있습니다. 또한 기능이 다른 여러 플러그인을 모든 작업을 수행하는 하나의 플러그인으로 대체할 수 있는지 여부도 고려하십시오.

3. 코드 정리

페이지 속도 최적화 프로세스는 사이트의 코드를 분석하고 불필요한 문자나 줄을 정리할 수 있는 좋은 기회입니다. 사용하지 않거나 불필요한 코드를 제거하면 눈에 띄지 않을 수도 있지만 사이트 속도를 높이는 데 도움이 됩니다. 코드로 작업할 때 주의하십시오. 변경하기 전에 백업을 만들고 실수를 피하기 위해 작업에 집중하십시오.

4. HTML, CSS 및 JavaScript 축소

HTML, CSS 및 JavaScript는 페이지 로드 속도에 큰 영향을 미칠 수 있으므로 축소하고 정리하면 페이지를 향상시킬 수 있습니다.

코드를 축소하려면 불필요한 문자, 카운터, 공백 또는 기타 불필요할 수 있는 코드 요소를 제거하십시오. 최종 결과는 더 깨끗한 코드, 더 작은 파일 크기 및 더 빠른 페이지 로드입니다.

5. CSS, JavaScript 및 HTML 압축

코드가 정리되면 공간을 덜 차지하도록 압축하는 것이 좋습니다. HubSpot은 여기에서 HTML 파일을 압축하는 방법을 공유합니다. CSS 및 JavaScript 파일에 사용할 수 있는 여러 압축기(및 일부 축소기 및 압축기 콤보)가 있습니다. 웹 개발자와 협력하여 조직에 가장 적합한 솔루션을 결정하십시오.

6. 번들 CSS 및 JavaScript

축소 외에도 스타일시트와 JavaScript 파일을 번들로 묶어 서버 요청 수를 줄일 수 있습니다. 모든 서버 요청은 페이지 로드를 지연시킵니다. 많은 요청이 있는 사이트 및 페이지의 경우 이는 성능에 큰 영향을 미칩니다.

7. 브라우저 캐싱 구현

캐싱은 방문자가 페이지로 돌아올 때 브라우저가 전체 페이지를 다시 로드할 필요가 없도록 브라우저가 정보를 저장하는 데 도움이 됩니다. 사이트 파일(예: CSS 스타일시트, 이미지 및 JavaScript)의 복사본을 사용자의 브라우저에 저장하여 후속 방문 중에 더 빠르게 제공할 수 있도록 작동합니다.

캐싱할 수 있는 리소스, 기간 및 대상을 결정하는 캐싱 정책을 개발합니다.

8. 리디렉션 체인 제거

이 문서에서는 리디렉션 체인을 찾고 제거하는 방법에 대해 설명합니다. 리디렉션을 추적하고 항상 최종 대상 URL에 연결하여 향후 리디렉션 체인의 가능성을 줄이는 것이 가장 좋습니다.

9. CDN 사용

페이지 속도를 최적화하는 또 다른 방법은 Content Distribution Network라고도 하는 CDN(Content Delivery Network)을 활용하는 것입니다.

CDN은 웹 사이트의 정적 콘텐츠 복사본을 전 세계의 지리적으로 다양한 서버에 배포합니다. 이렇게 하면 잠재 방문자와 서버 사이의 지리적 거리가 줄어들어 대기 시간이 줄어들고 첫 바이트까지 걸리는 시간이 단축됩니다.

10. 더 빠른 호스팅 서비스 찾기

웹 페이지 로드 시간을 늘리기 위해 할 수 있는 일은 정말 많지 않으며 현실적으로 문제는 항상 사용자의 몫이 아닙니다. 웹 호스팅 제공업체는 웹사이트 성능에 중요한 역할을 합니다. 사이트의 속도 문제는 최적화가 제대로 되지 않은 페이지가 아니라 호스팅 성능이 좋지 않기 때문일 수 있습니다.

이미 페이지 속도를 최적화하기 위해 할 수 있는 모든 작업을 수행했지만 페이지 가 여전히 충분히 빠르게 로드되지 않는 경우 더 빠른 호스팅 서비스를 찾아야 할 때일 수 있습니다. 잠재적인 호스팅 리소스를 다른 사이트와 공유할 필요가 없도록 전용 호스팅을 제공하는 성능 중심 호스팅 서비스를 찾으십시오.

SEO 감사로 웹사이트 성능 확인

귀하의 웹사이트가 검색 결과 순위에 오르는 데 어려움을 겪고 계십니까? 당사의 200+ 포인트 SEO 감사 서비스는 SEO를 제대로 진행하는 데 필요한 것일 수 있습니다.

수년간의 경험을 가진 검색 최적화 전문가가 수행하는 SEO 감사는 약점을 식별하고 실행 가능한 항목을 생성하며 사이트 순위를 결정하는 데 방해가 될 수 있는 느린 페이지 로드 시간과 같은 약점을 극복하는 데 도움이 될 수 있습니다. 자세히 알아보려면 무료 SEO 상담을 예약하세요.