결과를 최대화하기 위해 페이지 로드 속도를 개선하는 방법

게시 됨: 2023-03-06

토끼와 거북이 이야기 들어보셨나요? 거만하고 빠른 토끼와의 경주에서 느린 거북이가 승리한 거 아시죠? 거짓말이야. 느리게 가는 것은 결코 빠른 사람을 얻지 못합니다. 그것은 상식이고 좋은 사업입니다.

좋아, 당신은 우리를 얻었다. 검을 가지고 다니면서 먹고, 늙고, 가파른 계단을 내려가는 것과 같이 천천히 하는 것의 이점을 거둘 수 있습니다. 그러나 SEO와 관련하여 느리게 진행하는 것보다 더 나쁜 것은 없습니다.

더 높은 순위를 향한 고속 주행이 될 것이므로 준비하십시오.

빠른 웹사이트가 중요한 이유는 무엇입니까?

소포를 받기 위해 이틀 이상 기다리시겠습니까, 문자 메시지 대신 일반 우편을 보내시겠습니까, 아니면 웹사이트가 로드되기를 기다리며 엄지손가락을 돌리시겠습니까? 올바른 생각을 가진 사람은 아무도 그렇게 하기를 원하지 않을 것입니다. 누가 그럴 시간이 있니? 확실히 잠재 고객은 아닙니다.

더 빠르게 로드되는 페이지는 사이트의 성능을 높이고 Google PageSpeed Insights 및 GTmetrix 점수를 높이며 검색 결과에서 더 높은 순위를 차지합니다.

그러나 페이지 속도가 SEO에 정확히 얼마나 영향을 줍니까? 느린 로딩 페이지 속도는 다음과 같은 결과를 초래할 수 있습니다 .

전환율이 7% 감소했습니다.
페이지 조회수 11% 감소.
고객 만족도 16% 하락.

매초마다 그 수치는 점점 더 끔찍해집니다.

반송률은 단 2초 지연 후 103%까지 크게 증가 할 수 있습니다.
53%는 로드하는 데 3초 이상 걸리는 사이트를 포기합니다 .
만족하지 못한 쇼핑객의 79%는 사이트 로드 속도로 인해 재구매할 가능성이 적습니다.

내 페이지 로드 속도를 보려면 어떻게 해야 합니까?

여러 온라인 벤치마킹 도구는 페이지 로드 속도를 측정합니다. 또한 사이트가 얼마나 크고 자원 집약적인지 보여주고 개선을 제안할 수 있습니다. 무엇보다도 무료로 모두 사용할 수 있습니다.

Google PageSpeed Insights는 데스크톱과 모바일에 대해 별도의 테스트를 수행하여 로드 시간을 여러 단계로 구분합니다.
GTmetrix는 YSlow와 마찬가지로 크기, 페이지 로드 시간 및 리소스 할당에 대한 개요를 제공합니다.
Pingdom은 GTmetrix와 유사한 서비스를 제공합니다.
WebPageTest는 다른 것보다 사용자 친화적이지 않지만 더 통찰력 있는 경향이 있습니다. 주목할 점은 사이트가 다른 브라우저에서 어떻게 작동하는지 고려하는 고급 옵션입니다.

이러한 테스트를 실행할 때 청중의 실제 위치와 가장 가까운 테스트 위치를 선택하십시오. 그러면 가장 관련성 높은 결과가 제공됩니다.

이제 사이트의 페이지 로드 속도를 알았으니 적절한 시간을 기록하고 있는지 확인해 보겠습니다.

내 웹사이트는 얼마나 빨리 로드되어야 합니까?

일반적으로 페이지는 3초 이내에 완전히 로드되어야 합니다.

속도가 약 3~5초면 완전히 나쁜 위치에 있는 것은 아니지만 페이지 성능이 오늘날의 모바일 우선 표준에서 기대하는 것보다 좋지 않습니다. 5초가 넘으면 불량으로 간주됩니다. 그러나 귀하의 사이트가 얼마나 빨리 로드되더라도 항상 부스트의 이점을 누릴 수 있습니다.

TTFB(Time to First Byte)에도 주의를 기울여야 합니다. (WebPageTest 및 PageSpeed Insights는 이 데이터를 보여줍니다.) TTFB는 브라우저가 서버에서 데이터의 첫 번째 바이트를 수락하기 전에 대기하는 기간입니다. Google은 200밀리초 이상의 TTFB를 제안합니다.

다음은 페이지 로드 속도 목표에 대한 추가 정보입니다.

Pingdom은 대부분의 페이지가 평균 3.21초 이내에 로드된다는 사실을 발견했습니다.
Google은 사용자의 53%가 다른 웹사이트로 이동하기 전에 휴대전화가 로드될 때까지 3초만 기다릴 의향이 있다고 말합니다.
Akamai는 2.4초의 평균 모바일 페이지 로드 속도가 최고의 전환율로 이어진다는 사실을 발견했습니다.

그러나 3초 이상의 목표를 달성하기 위해 페이지 로드 속도를 어떻게 향상시킬 수 있습니까?

페이지 로드 속도를 높이는 가장 좋은 방법은 무엇입니까?

몇 가지 요인이 페이지 로드 속도에 영향을 미칠 수 있습니다. 일부 전략은 즉시 수행할 수 있으며 즉각적인 효과가 있습니다. 다른 사람들은 이점을 확인하기 위해 시간과 테스트를 할 것입니다.

가장 좋은 방법은 다음과 같습니다.

1. gzip 압축을 활성화합니다.

2. 이미지를 최적화합니다.

3. 브라우저 캐싱을 켭니다.

4. HTML, CSS 및 JavaScript를 축소합니다.

5. HTTP 요청을 줄입니다.

6. 서버 응답 시간을 줄입니다.

7. CDN 구현을 고려하십시오.
보너스: WordPress 관련 개선 사항을 적용합니다.

당신의 표시에! 준비하세요! 후원!

1 . gzip 압축 활성화

압축하면 파일 크기가 줄어들어 더 빠르게 다운로드할 수 있습니다. 페이지 로드 속도 최적화를 위한 가장 간단하고 빠른 방법 중 하나입니다. 압축을 위해 gzip을 사용하는 것은 거의 일반적이지만 Brotli는 대안이지만 널리 사용되는 방법입니다. 활성화되면 gzip은 HTML, CSS 및 JavaScript의 크기를 최대 70%까지 줄일 수 있습니다. (gzip 테스트를 실행하여 활성화되었는지 확인하십시오.)

대부분의 WordPress 올인원 성능 플러그인은 압축을 자동으로 활성화하는 옵션을 제공합니다. 직접 사용하거나 다른 CMS를 사용하는 사용자를 위해 .htaccess 파일에 일부 코드를 추가하여 압축을 수동으로 활성화할 수 있습니다.

2. 이미지 최적화

큰 페이지 크기에 기여하는 일반적인 범인 중 일부는 이미지입니다. 일반적으로 사진은 다음에 따라 적절하게 크기를 조정하고 최적화해야 합니다.

100킬로바이트 미만.
정확한 크기로 설정하면 사진이 표시됩니다.
JPG로 저장됩니다(투명하지 않은 경우 PNG 사용).

이미지 압축을 사용하면 품질이 현저하게 저하되므로 더 빠른 로드 시간에 대한 열망이 웹사이트 디자인의 품질에 부정적인 영향을 미치지 않도록 하십시오. 그러나 최소한 예를 들어 웹사이트의 너비가 600픽셀인 경우 너비가 2,500픽셀인 사진은 업로드하지 마세요.

Photoshop(유료) 또는 GIMP(무료)를 사용하여 업로드하기 전에 이미지를 최적화하십시오. 추가 압축을 위해 TinyJPG와 같은 온라인 최적화 프로그램을 활용할 수도 있습니다. 다른 옵션을 원하고 WordPress와 같은 CMS를 사용하는 경우 Smush 및 EWWW Image Optimizer가 좋은 백업 플러그인입니다. 일부 플러그인은 또한 스크롤 없이 볼 수 있는 콘텐츠에 우선순위를 부여하고 방문자가 아래로 스크롤할 때만 사진을 로드하는 "지연 로드" 기능을 활성화할 수 있는 기능을 부여하여 서버에서 받는 요청을 대폭 줄입니다.

3. 브라우저 캐싱 활성화

방문자가 사이트를 다시 방문하면 브라우저 캐싱을 활성화하지 않은 경우 브라우저에서 스크립트, 이미지 및 스타일 시트와 같은 파일을 다시 다운로드합니다.

브라우저 캐싱을 사용하면 정적 파일이 사용자의 브라우저에 저장됩니다. 따라서 다음에 사이트에 액세스할 때 다시 다운로드할 필요가 없으므로 페이지가 훨씬 빠르게 로드됩니다.

WordPress를 사용하는 경우 캐싱이 비교적 쉽습니다. WP Rocket 및 W3 Total Cache와 같은 플러그인은 필요한 모든 단계를 안내하고 설정합니다. 한 번에 이러한 플러그인 중 하나만 사용하십시오. 또한 캐싱을 수동으로 활성화하는 것은 좀 더 복잡합니다.

4. HTML, CSS 및 JavaScript 축소

축소는 성능에 영향을 주지 않고 중복되거나 불필요한 코드를 제거합니다. 여기에는 코드 주석, 긴 함수 이름, 공백 등을 제거하는 것이 포함됩니다. 이러한 모든 요소는 사용자에게 보이지 않지만 로드 속도를 저하시킵니다.

WP Super Minify, WP Rocket 및 W3 Total Cache와 같은 WordPress 플러그인은 초보 웹 개발자가 축소를 달성하는 데 이상적입니다. 다른 CMS 및 고급 관리자를 위해 수동 축소를 수행해야 합니다. 도움이 될 수 있는 몇 가지 도구는 다음과 같습니다.

HTML 축소기.
YUI 압축기 또는 CSS 축소기.
JSCompress 또는 JSMin.

5. HTTP 요청 줄이기

이것은 큰 것입니다. 까다로울 수 있지만 겁먹지 마세요. 요청을 줄이는 것은 페이지 로드 최적화의 궁극적인 목표입니다. HTTP 요청 수를 50 이하 또는 약 50으로 유지해야 합니다.

이러한 요청을 간소화하고 속도를 높이는 방법에는 여러 가지가 있습니다.

6. 서버 응답 시간 단축

서버 변경은 진지하게 즉석에서 수행해야 하는 작업입니다. 그러나 호스팅 서버는 로드 시간에서 중요한 역할을 하므로 최상의 설정이 있는지 아는 것이 큰 도움이 됩니다.

무엇보다도 제공업체에 문의하여 서버가 충분한 가동 시간을 경험하고 충분한 대역폭을 제공하며 대상 고객과 가까운 위치에 있는지 확인하십시오. 그렇지 않은 경우 다른 호스팅 서비스로 전환하는 것이 좋습니다.

고려해야 할 다른 중요한 사항:

PHP 버전
사이트가 PHP 기반인 경우 PHP 7 이상을 사용해야 합니다. 사용 중인 PHP와 업그레이드가 필요한 PHP를 알아보는 가장 쉬운 방법은 호스팅 제공업체에 문의하는 것입니다. 그러나 PHP의 변경 사항은 일부 WordPress 테마 및 플러그인에 영향을 미칠 수 있음을 기억하십시오. 문제가 있는 것 같으면 서버의 PHP를 신속하게 되돌릴 수 있습니다.
HTTP/2
HTTP/2는 사이트 속도와 효율성을 크게 향상시킬 수 있는 서버측 프로토콜입니다. 모든 사이트가 가능할 때 HTTP/2를 사용하는 것은 아닙니다. 다양한 온라인 도구를 사용하여 서버가 HTTP/2를 지원할 수 있는지 확인할 수 있습니다. 그런 다음 호스팅 제공업체에 문의하여 어떤 옵션이 있는지 알아보세요.
호스팅 유형
대부분의 소기업은 저렴한 공유 호스팅 서버(예: Bluehost, GoDaddy 및 HostGator)를 사용합니다. 사이트 트래픽이 많은 대기업은 일반적으로 콘텐츠를 배포하기 위해 더 강력한 가상 사설 서버 또는 직접 서버가 필요합니다. 예산과 실적을 측정항목으로 사용하여 어떤 카테고리에 속하는지 결정하세요.

7. CDN 구현 고려

콘텐츠 전송 네트워크는 많은 해외 위치에 서비스를 제공하거나 일반 호스팅 서비스의 속도 향상을 원하는 페이지에 적합합니다. 이러한 타사 유료 서비스는 HTTP/2 지원을 제공할 뿐만 아니라 광범위한 글로벌 서버 네트워크에서 파일을 호스팅하여 요청 시간을 크게 줄여줍니다.

몇 가지 고유한 CDN 옵션은 다음과 같습니다.

클라우드플레어.
StackPath.
캐시플라이.
구글 클라우드 CDN.

일부 사이트에만 CDN이 필요하므로(GTmetrix가 제안할 수 있음에도 불구하고) 이 목록에 있는 다른 전략을 먼저 실행하는 것이 좋습니다. 로드 시간이 여전히 따라잡아야 하는 경우 CDN을 실행 가능한 옵션으로 고려하십시오.

보너스: WordPress 관련 개선 사항

WordPress를 사용하는 경우 다른 요인이 페이지 로드 시간에 영향을 미칠 수 있습니다. 위에 나열된 다른 방법과 함께 이러한 문제를 해결하는 것이 좋습니다.

플러그인 줄이기

플러그인은 환상적이며 사이트 속도를 향상시키기 위해 많은 일을 할 수 있습니다. 그러나 잘못된 플러그인을 사용하면 역효과가 발생할 수 있으며 너무 많은 플러그인을 설치하면 문제가 발생하여 사이트 성능이 크게 저하될 수 있습니다.

그렇기 때문에 다음이 필수적입니다.

플러그인을 정기적으로 업데이트하고 유지 관리하십시오.
불필요하거나 사용하지 않는 플러그인은 정기적으로 제거하십시오.
더 가볍거나 더 빠른 대안이 있는지 확인하십시오.
중복 기능이 있는 플러그인을 식별합니다.
수동으로 쉽게 수행할 수 있는 작업에 대한 플러그인을 제거하십시오.

예를 들어 Google Analytics 플러그인이 설치되어 있다고 가정합니다. 이 경우 Google 태그 관리자를 통해 스니펫을 직접 추가하거나 머리글 및 바닥글 삽입 플러그인(이전보다 훨씬 작음)을 통해 스니펫을 추가하는 것이 좋습니다.

문제를 찾는 데 도움이 되도록 Page Performance Profiler와 같은 뛰어난 플러그인 평가 도구를 사용하면 페이지 로드 속도에 영향을 미치는 플러그인을 식별할 수 있습니다. (작업이 완료되면 제거하는 것을 잊지 마십시오.)

데이터베이스 정리

시간이 지남에 따라 WordPress 데이터베이스는 저장된 초안, 게시물 개정 및 웹 사이트가 작동할 필요가 없는 기타 항목으로 인해 수렁에 빠질 수 있습니다. 때때로 이 클러터를 정리하면 사이트 속도를 높이는 데 도움이 될 수 있습니다. 일부 올인원 성능 플러그인에도 이 기능(WP Rocket과 유사)이 있거나 WP-Optimize 플러그인을 활용할 수 있습니다.

CMS 및 테마 업데이트

항상 최신 버전의 테마와 WordPress 설치를 사용하고 있는지 확인하세요. (그렇게 하기 전에 사이트를 백업하는 것을 잊지 마십시오.) 업데이트하고 위의 모든 변경 사항을 적용한 후에도 사이트가 여전히 느리다면 완전히 새로운 테마를 시도해 볼 수 있습니다. 테마는 사이트를 더 보기 좋게 만들지만 사이트를 망칠 수 있는 많은 짐을 가져올 수 있습니다.

빠른 페이지 로드 속도가 그 어느 때보다 중요합니다.

놓친 경우 Google은 요즘 완전히 모바일에 중점을 둡니다. 그리고 그것은 곧 바뀌지 않을 것이므로 페이지는 가능한 한 빨리 로드되어야 합니다.

우리 모두는 집중 시간이 짧습니다. 그리고 시간이 갈수록 짧아지고 있습니다. 페이지가 빨리 로드되지 않으면 많은 고양이 동영상이 로드될 수 있습니다. 그래서 당신은 무엇을 기다리고 있습니까? 이제 시작할 때입니다! SERP는 아무도 기다리지 않으므로 지금 바로 이러한 페이지 속도 및 페이지 경험 개선 사항을 구현하십시오.