사이트 속도: SEO를 위해 웹사이트 속도를 높이는 방법과 이유

소개

웹사이트 최적화에 대해 이야기할 때 많은 사람들이 사이트의 콘텐츠, 메타 데이터 및 기타 기존의 페이지 SEO 요소에 집중하는 경향이 있습니다. 그러나 얼마 동안 SEO에 못지않게 중요한 또 다른 것이 있습니다. 바로 사이트 속도입니다. 이것이 사이트가 로드되고 사용자에게 응답하는 속도입니다.

사이트 속도가 SEO 순위에 미치는 영향

Google은 2010년에 사이트 속도가 순위 지정을 위해 고려하는 요소가 될 것이라고 발표했습니다.

검색 순위 알고리즘에 사이트 속도라는 새로운 신호가 포함되었습니다. 사이트 속도는 웹 사이트가 웹 요청에 응답하는 속도를 반영합니다.

점점 무게가 늘어나고 있습니다. 따라서 온라인에서 경쟁력을 유지하려면 사이트 속도에 주의를 기울여야 합니다. 사이트의 다운로드 및 응답 시간에 영향을 미치는 사항에 대한 핵심을 살펴보면 기본적으로 "깨끗한" 사이트를 만드는 것이 중요하다는 것을 알게 될 것입니다.

SEO 순위는 잊어버리세요. 전환이 더 중요하고 데이터가 명확합니다. 로드 속도가 느리면 사이트 전환이 감소합니다.

지저분한 코드와 최적화되지 않은 이미지로 가득 차 있지 않은 사이트를 원합니다. 사이트가 충분히 빠르게 작동하도록 하려면 무엇을 할 수 있습니까? 다음은 여러분이 할 수 있는 몇 가지 더 쉬운 일에 대한 간략한 개요입니다.

사이트가 로드되는 데 몇 초 이상 걸리면 순위, 이탈률 등이 부정적인 영향을 받을 수 있습니다. 그러나 그것이 지금 당신의 주된 초점이어야 합니까? 사이트 속도는 주의를 기울여야 하는 부분이지만 현재로서는 최우선 순위가 아닐 수도 있습니다.

콘텐츠가 좋지 않거나 콘텐츠가 거의 없는 경우, 처음부터 사이트가 최적화되지 않은 경우, 탐색 구조가 잘 정리되지 않은 경우, 백링크가 좋지 않은(또는 전혀 없는) 경우, 또는 중복 콘텐츠가 포함된 페이지가 많은 경우 이러한 문제가 우선적으로 적용될 수 있습니다. 이탈률과 성능은 최적화된 잘 디자인된 사이트에서 시작하지 않는 한 진정한 이야기를 말해주지 않습니다.

사이트 속도 측정을 위한 무료 도구

사이트 속도는 실제로 여러 가지 다른 방식으로 고려될 수 있으며, 모두 전체 속도와 로딩 시간에서 절정에 달합니다.

문서 전체 기반 페이지 로드 시간

웹 페이지에 액세스하면 정보가 점차적으로 유입됩니다. 페이지에 다른 시간에 단어와 이미지가 나타나는 것을 볼 수 있으며 이는 특히 느리게 로드되는 웹 사이트에서 분명합니다. 사용자가 버튼을 클릭하거나 텍스트를 입력할 수 있을 만큼 충분히 로드되면 웹페이지가 "문서 완료"로 로드된 것으로 간주됩니다. 모든 콘텐츠가 완전히 로드되지는 않았지만 사용자가 작업을 시작할 수 있습니다.

전체 렌더링 기반 페이지 로딩 시간

반면에 전체 페이지가 완전히 로드된 시점을 기준으로 페이지 로드 시간을 측정할 수도 있습니다 . 이 로드 속도는 항상 "문서 완료" 로드 속도보다 길지만 두 값의 차이는 두 사이트에서 다를 수 있습니다.

첫 번째 바이트까지의 시간

마지막으로, 브라우저가 온라인 소스에서 정보의 첫 번째 바이트를 다운로드하는 데 걸리는 시간인 "첫 번째 바이트까지의 시간"(TTFB) 지표를 확인하여 전체 사이트 속도를 측정할 수도 있습니다. 기본적으로 정보 요청과 웹 서버의 응답 사이에 상당한 지연이 있는지 여부를 측정합니다. 페이지 로드 시간이 일반적으로 사이트 설정과 페이지에 있는 콘텐츠의 유형 및 양에 따라 달라지는 경우 TTFB 측정은 일반적으로 서버 설정을 나타냅니다.

웹사이트의 속도를 확인하고 속도 향상을 위한 영역을 평가하기 위한 여러 품질의 무료 도구가 있습니다.

다음은 사이트 속도를 최적화하는 데 도움이 되는 몇 가지 추가 소스입니다.

Google PageSpeed ​​브라우저 플러그인

Google 웹마스터 도구

SEOmoz 브라우저 도구 모음

웹 페이지 테스트

Yslow(야후의 도구)

핑돔

GTmetrix

느린 웹사이트 로딩 속도로 간주되는 것은 무엇입니까?

이제 사이트 속도를 다양한 방식으로 측정할 수 있는 방법을 알았으므로 "좋은" 또는 "나쁜" 메트릭으로 간주되는 항목에 대한 야구장을 찾을 수 있습니다. 앞서 언급했듯이 Google은 어떤 유형의 사이트 속도를 고려하는지 또는 찾는 특정 수치가 있는지 공개하지 않지만, 우리가 본 다른 사이트를 기반으로 목표 로딩 시간에 대해 합리적인 가정을 할 수 있습니다. Google의 최근 분석을 기반으로 합니다.

이 분석에 따르면 평균 "전체 렌더링" 페이지 로드 시간은 데스크톱 장치에서 약 7초이며 평균 페이지 로드 시간은 약 3초입니다. 모바일 기기에서 평균 페이지 로딩 시간이 거의 5. 특히 중간 및 평균 값 사이 같은 날카로운 균열과 같은 광범위한 측정에 대한 개별 사이트를 비교하기는 어렵습니다, 평균 10 초 이상이지만, 귀하의 사이트의 경우 로드 속도가 평균 페이지보다 느리면 일반적으로 사이트가 너무 느리다고 생각할 수 있습니다.

출처: Moz.

Moz에 따르면 상위 웹사이트의 TTFB 수치 중앙값은 대략 0.4초이며 하위 웹사이트의 경우 동일한 수치가 0.6초에 가깝습니다. 사이트의 TTFB가 0.6초보다 크면 개선의 여지가 있습니다.

출처: 증류

이러한 지표와 비교하기 위해 자신의 사이트 속도를 측정하는 방법을 찾고 있다면 WebPageTest를 사용해 보십시오. 사이트 성능을 측정하기 위해 여러 유형의 테스트를 수행할 수 있는 무료 도구입니다.

웹사이트 로딩 속도를 높이는 방법

웹사이트 제작을 위한 가장 인기 있는 플랫폼 중 하나인 WordPress는 완전히 제어 가능한 사용자 경험을 제공하기 위해 다양한 테마, 템플릿, 플러그인 및 위젯을 제공합니다. 웹에서 시작하는 대부분의 비즈니스에게 이것은 다소 압도적이지만 WordPress 사이트를 설정하고 유지 관리할 때 올바른 결정을 내리는 것이 중요합니다. 사용자에게 최고의 경험을 제공하고 순위를 매길 가능성을 높이려면 다음 전략을 사용하여 사이트의 로드 시간을 개선하십시오.

1. 효율적인 호스트를 확보하십시오.

호스팅은 특히 첫 번째 사이트인 경우 별 문제가 아닌 것처럼 보일 수 있지만 호스팅 유형은 로드 시간에 큰 차이 를 만듭니다 . 예를 들어, 약간의 비용을 절약하기 위해 공유 호스팅을 선택하는 경우 특히 피크 조건에서 로드 시간이 크게 느려질 수 있습니다.

2. 이미지를 줄이십시오.

상상할 수 있듯이 고화질 이미지는 사이트 로드 시간을 크게 단축시킬 수 있습니다. 각 개별 사용자는 이미지가 포함된 페이지에 액세스할 때 이러한 이미지를 다운로드해야 하므로 이러한 이미지를 훨씬 작고 빠른 이미지로 교체 할 수 있다면 로드 시간을 즉시 개선할 수 있습니다. WordPress 플러그인 WP Smush.it은 사이트에 있는 모든 이미지의 크기와 로드 시간을 자동으로 효율적으로 압축하는 데 도움이 되는 도구 중 하나입니다.

3. 효율적인 테마를 선택하십시오.

WordPress에서 사용할 수 있는 테마와 프레임워크는 플랫폼을 인기 있게 만든 부분이지만 모든 테마가 효율적인 것은 아닙니다. 많은 경우 미적 관점에서 선호하는 부피가 큰 테마보다 로드 시간이 번개처럼 빠른 단순하고 꾸밈이 없는 테마를 선택하는 것이 좋습니다. 걱정하지 마세요. 선택할 수 있는 가벼운 프레임워크가 있는 수많은 테마가 있습니다(일부 기본값 포함).

4. 플러그인을 정리합니다.

위에서 언급한 WP Smush.it 도구와 같은 일부 플러그인은 로드 시간에 유용할 수 있습니다. 그러나 많은 플러그인은 단순히 공간을 차지하고 사이트를 처리하기 위해 더 크게 만듭니다. 플러그인 성능 프로파일러인 P3를 확인하십시오. 각 플러그인이 전체 로드 시간에 어떻게 영향을 미치는지 빠르게 알려줄 수 있고 유지해야 할 것과 비활성화할 것을 지시할 수 있습니다.

5. 웹사이트 파일을 압축합니다.

웹사이트를 ZIP 파일 로 압축 하면 사용자의 브라우저로 훨씬 쉽게 전송할 수 있습니다. 기본적으로 표시되는 최종 제품을 변경하지 않고 전송되는 데이터의 양을 줄입니다. 여러 가지 압축 응용 프로그램을 사용할 수 있지만 로드 시간을 방해하지 않는 한 그 중 어느 것이든 충분합니다.

6. 캐싱 플러그인을 사용하되 올바르게 설정하십시오.

캐싱 플러그인은 무료로 다운로드 및 설치하는 경향이 있으며 비교적 사용하기 쉽습니다. 브라우저가 방문자의 캐시에 저장된 파일을 서버에서 다운로드하지 않고 다운로드하도록 지시함으로써 로딩 시간을 상당히 줄일 수 있습니다. 반복 방문자에게만 작동하지만 여전히 가치가 있습니다. 고급 설정을 너무 많이 사용하지 마십시오. 그렇지 않으면 적절한 기능을 방해할 수 있습니다.

7. 홈페이지를 재구성하십시오.

속도를 위해 레이아웃을 최대화하십시오 . 전체 콘텐츠가 아닌 게시물의 세그먼트를 표시하고, 홈페이지 길이를 더 짧게 만들고, 홈페이지에서 필요하지 않은 위젯과 플러그인을 제거합니다(홈페이지가 아닌 개별 게시물에 속하는 소셜 공유 위젯 포함).

8. 데이터베이스를 보다 효율적으로 만드십시오.

수행 중인 작업을 알고 있다면 데이터베이스를 수동으로 정리할 수 있지만 더 좋은 방법은 WP-Optimize 플러그인을 사용하는 것입니다. 이 플러그인을 사용하면 데이터베이스에 불필요한 정보가 쌓이는 것을 방지하는 설정을 빠르고 쉽게 설정할 수 있습니다. 정보를 더 효율적으로 저장하기 때문에 사용자의 컴퓨터에서 페이지가 더 빨리 로드됩니다.

9. 이미지 로딩을 제어합니다.

사용자가 서버에서 다운로드하는 데 필요한 총 정보량을 줄이기 위해 사용자에게 즉시 로드할 이미지를 선택적으로 제어할 수 있습니다. 올바른 설정을 사용하면 접힌 부분 위의 이미지만 즉시 로드되고 나머지 이미지는 사용자가 그에 따라 아래로 스크롤할 때만 로드됩니다. 수동으로 할 수도 있지만 플러그인을 사용하면 더 쉽습니다.

10. 핑백과 트랙백을 없애라.

핑백 및 트랙백은 블로그가 언급되었음을 알리는 외부 블로그의 알림입니다. 핑백 및 트랙백은 게시물에 포함된 데이터를 자동으로 업데이트하므로 로드하는 데 필요한 데이터 양이 늘어나고 로드 시간이 늘어납니다. 핑백과 트랙백을 제거하면 백링크는 보존되지만 추가 데이터가 사이트에 저장되는 것을 방지할 수 있습니다.

11. 사용하지 않은 초안을 제거합니다.

오래된 블로그 게시물의 초안은 생각보다 사이트에 부담을 줄 수 있습니다. 예를 들어 초안을 네 번 수정하면 사이트 데이터베이스에 총 5개의 블로그 게시물 버전이 저장됩니다. 이전 초안을 참조할 필요가 없으므로 데이터베이스 설정을 업데이트하여 (아마도 8번 항목에서 언급한 WP-Optimize 플러그인 사용) 삭제하고 향후 불필요한 저장을 방지하십시오.

12. 가능하면 PHP 대신 정적 HTML을 사용하십시오.

이것은 모든 사람이 해야 하는 것은 아니지만 로드 시간을 극적으로 줄이려는 사람들에게는 추가 옵션입니다. PHP는 사이트의 효율성을 향상시키는 유용한 방법이지만 실행되는 동안 서버 프로세스도 차지합니다. 정적 HTML로 대체할 수 있다면 시도해 볼 가치가 있습니다.

13. 콘텐츠 전송 네트워크(CDN)를 활용하십시오.

CDN(콘텐츠 전송 네트워크)은 CSS 파일 및 이미지와 같이 일반적으로 사용자에게 전송하는 데 필요한 것과 동일한 데이터를 제공하지만 사용자 다운로드 속도를 최대화하기 위해 더 가까운 서버에서 제공합니다. 사용할 수 있는 CDN은 많지만 대부분 사용하려면 구독료가 필요합니다. 최고의 호스트 중 상당수는 포함된 CDN 서비스를 제공하거나 사용하려는 경우 훨씬 적은 요금으로 제공합니다.

14. CSS 및 Javascript 파일을 집계합니다.

여러 플러그인을 사용하는 경우 사이트가 모든 페이지의 여러 CSS 및 자바스크립트 파일에 연결되어 로드 시간을 방해할 수 있습니다. 대신 Minify와 같은 플러그인을 사용하여 모든 정보를 훨씬 더 압축되고 더 빠른 다운로드 형식으로 결합하십시오.

15. 핫링크를 비활성화합니다.

핫링크는 다른 사람의 이미지에 링크하여 트래픽을 반드시 증가시키지 않으면서 서버 부하를 증가시키는 프로세스입니다. 몇 가지 단계로 핫링크를 비활성화하고 추가 부담을 방지하십시오.

16. 레이지 로드

지연 로드를 사용하면 브라우저가 사용자 보기 내에서 중요한 요소만 그릴 수 있으므로 로드 시간이 빨라집니다. 사용자가 스크롤하면 새 항목이 로드됩니다. 스크롤할 때 특정 사이트에서 새 이미지가 나타나는 것을 보았을 수 있습니다. 많은 게시물이 5K 단어를 초과한다는 사실 때문에 SEO.co에서 지연 로더를 사용합니다. 이는 로드 속도를 크게 높이고 SEO를 향상시킬 수 있습니다.

17. 제3자 통화 제거 또는 줄이기

쿠키 추적기, 웹사이트 분석 도구, 팝업 및 그래픽 도구를 포함하되 이에 국한되지 않는 타사 도구는 백그라운드에서 사이트의 로드 속도를 크게 저하시킬 수 있습니다. 최상의 성능을 얻으려면 제거하거나 최적화하는 것이 가장 좋습니다.

분명히 로드 시간은 Google이 검색 결과를 채울 때 사용하는 유일한 요소가 아닙니다. 정기적인 고품질 콘텐츠 마케팅 전략, 소셜 미디어 존재, 잘 구성된 메타 데이터 및 장기적인 링크 구축 프로그램이 여전히 필요합니다. 그러나 이러한 팁을 잘 사용하고 WordPress 사이트의 로드 시간을 줄이면 도메인 권한(및 순위)을 동시에 향상시키고 사용자에게 더 나은 전반적인 경험을 제공할 수 있습니다.

결론

사이트 속도를 분석하고 미래에 대비할 때 염두에 두어야 할 두 가지 요소가 있습니다.

• 모든 사이트는 고유합니다. 한 유형의 사이트에서 "빠른" 것으로 간주되는 것이 다른 유형의 경우 "빠른" 것으로 간주되지 않을 수 있습니다. 예를 들어 Google 홈페이지를 연 다음 CNN 홈페이지를 엽니다. 엄청난 차이를 느끼실 수 있지만 두 사이트 모두 사용자 경험 등급이 매우 높습니다. 귀하의 사이트를 다른 국가와 비교하여 빠르게 만들지 마십시오. 사이트 유형에 맞게 빠르게 만드십시오.
• 큰 그림이 중요합니다. 궁극적으로 사이트 로딩 시간을 0.5초로 줄이는 것은 긍정적인 변화이지만 보다 직관적인 탐색을 도입하는 것과 같이 더 큰 변화로 사용자 경험을 개선하는 것만큼 효과적이지는 않습니다.

그래도 사이트 속도가 걱정되고 사이트 속도를 개선하고 싶다면 이점을 누릴 수 있습니다. 사이트 속도에 집착하지 말고 사용자에게 훌륭한 경험을 제공하기 위해 필요한 모든 조치를 취하십시오.