WordPress 웹 사이트 속도를 높이는 방법

SEO를 위해서는 빠른 웹사이트가 필수적일 뿐만 아니라 웹사이트의 전환율에도 매우 중요합니다.

누군가 귀하의 사이트를 방문할 때 속도가 너무 느리면 사이트를 떠나 다음 사이트를 방문할 가능성이 높습니다.

그렇기 때문에 빠른 WordPress 웹 사이트를 갖는 것이 성공적인 웹 사이트에 필수적입니다. WordPress 웹사이트를 로드하는 데 6초 이상이 걸리는 경우 지금 읽어야 합니다.

이 가이드에서는 WordPress 웹 사이트의 속도를 높이고 이탈률을 낮추어 더 많은 트래픽과 전환을 얻을 수 있는 방법을 보여 드리겠습니다.

빠른 웹사이트가 중요한 이유

웹사이트가 빠르게 타오르기를 원하는 데에는 여러 가지 이유가 있습니다.

가장 중요한 이유 중 하나는 웹사이트가 느리면 웹사이트에서 전환이 감소하기 때문입니다. 제품, 서비스 또는 블로그를 판매하든 웹 사이트가 느리면 사람들은 떠날 것입니다.

타이튼 미디어에 따르면:

"40%의 사람들은 웹사이트가 3초 이상 로드되는 경우 웹사이트를 떠났습니다."

즉, 귀하의 웹사이트는 최소 4초 안에 로드되어야 합니다. 그렇지 않으면 방문자의 절반 이상이 잃게 됩니다!

매우 중요한 또 다른 이유는 SEO(검색 엔진 최적화)입니다.

Google에서 높은 순위를 차지하고 Google 검색에서 많은 유기적 트래픽을 얻으려면 정말 빠른 웹사이트가 필요합니다.

Google은 웹사이트 사용성 및 사용자 경험을 검색 엔진 순위 신호로 간주하므로 유기적 트래픽이 많지 않다면 그 이유가 될 수 있습니다.

따라서 WordPress 웹 사이트 속도를 높이려면 이러한 전략을 구현하는 것이 매우 중요합니다.

웹사이트 속도 확인

어떤 작업을 수행하기 전에 먼저 웹사이트의 현재 속도를 확인하여 벤치마크를 확보해야 합니다.

웹사이트 속도를 테스트할 수 있는 훌륭한 도구가 많이 있습니다. Google Search Console에는 웹사이트 속도에 대한 정보를 제공할 수 있는 새로운 영역도 있습니다.

다음은 웹사이트 속도를 확인하는 최고의 도구 목록입니다.

• 핑돔
• GTMetrix
• 구글 서치 콘솔
• 구글 페이지스피드 인사이트

그렇다면 WordPress 웹 사이트에서 속도 테스트를 실행하는 방법은 무엇입니까?

다음은 Pingdom으로 웹사이트 속도를 테스트하는 방법의 예입니다.

WordPress 웹사이트의 URL을 입력하고 가장 가까운 위치를 선택한 다음 테스트 시작을 클릭하기만 하면 됩니다.

사이트를 통해 실행되고 로드된 각 리소스, 소요 시간 및 속도를 높이는 방법에 대한 세부 정보를 제공합니다.

이상적인 웹사이트 속도는 5초 미만이어야 하지만 2-4초에 도달할 수 있다면 안전합니다. WordPress 웹 사이트의 속도가 느려지면 이탈률이 높아질 수 있으므로 빠른지 확인하십시오.

웹사이트 속도가 더 빨라지지 않는다면 호스팅 제공업체에 문의해야 합니다.

빠른 호스팅 받기

대부분의 새로운 웹마스터는 가장 저렴한 호스팅 옵션을 선택하지만 이는 장기적으로 실제로 당신에게 해를 끼칠 수 있습니다.

Google의 첫 페이지에서 느린 웹사이트를 본 적이 있습니까? 내 대답은 아니오 야!

Google은 검색자에게 좋은 사용자 경험과 로드 속도를 제공하는 웹사이트의 순위를 매깁니다.

저렴한 호스팅 사이트는 귀하의 웹사이트를 수백 또는 수천 개의 다른 웹사이트와 공유 서버에 두고 모두 리소스를 위해 싸우게 됩니다. 이로 인해 공유 서버의 모든 사이트가 느리게 로드될 수 있습니다.

그렇다면 WordPress에 가장 적합한 호스팅 사이트는 무엇입니까?

WordPress 호스팅 가이드에서 가장 빠르고 저렴한 WordPress 호스팅 플랫폼을 소개합니다.

이러한 호스팅 제공업체를 통해 비즈니스와 함께 성장할 수 있는 빠른 로딩 웹사이트를 가질 수 있습니다.

일반적으로 더 많이 지불할수록 더 빠른 속도를 얻을 수 있으므로 WordPress 호스팅을 아끼지 마십시오!

플러그인 줄이기

WordPress 웹 사이트에 설치된 플러그인이 많을수록 속도가 느려집니다.

각 플러그인에는 로드하는 데 시간이 걸리는 자체 종속성, 자바스크립트 및 기타 리소스가 있습니다. 그렇기 때문에 사이트에 최소한의 플러그인을 설치하는 것이 빠른 WordPress 웹 사이트를 만드는 데 중요합니다.

대부분의 플러그인은 플러그인을 설치할 필요 없이 WordPress 웹사이트에 쉽게 설치하거나 설정할 수 있습니다.

가장 능률적이고 빠른 웹사이트를 찾고 있다면 WordPress 개발자가 플러그인을 사용하지 않고 필요한 기능을 설정하도록 하여 사이트 속도를 저하시키지 않도록 하십시오.

사이트에서 원치 않는 플러그인을 제거하려면 플러그인 페이지로 이동하여 비활성화를 클릭한 다음 삭제를 클릭하면 됩니다.

더 이상 필요하지 않거나 사용하지 않는 모든 플러그인을 제거하십시오.

차이를 벤치마킹할 수 있도록 전후에 사이트 속도를 테스트하십시오. 몇 가지 부피가 큰 플러그인을 제거하면 WordPress 웹 사이트의 속도가 얼마나 빨라질 수 있는지 놀랄 것입니다!

이미지 최적화

느린 로딩 페이지의 가장 큰 원인 중 하나는 크고 최적화되지 않은 이미지입니다.

페이지에 큰 이미지가 너무 많으면 로딩 시간이 2-3초 이상 늘어날 수 있습니다.

웹사이트에 큰 이미지를 추가하면 일반적으로 사용자의 화면에 맞게 축소되어 로드 이미지가 느려지는 결과가 나타납니다.

WP Smush와 같은 플러그인을 사용하여 웹사이트 이미지의 크기를 줄여 로딩 시간을 늘릴 수 있습니다.

플러그인을 설치 및 활성화하고 설정 페이지로 이동합니다. 왼쪽 사이드바에서 'Smush' 탭을 보면 찾을 수 있습니다.

약 5단계의 간단한 설정 마법사를 안내합니다. 마법사의 각 단계에서 모든 기능을 활성화한 다음 설정 마법사 완료를 클릭하기만 하면 됩니다.

완료되면 이미지를 스매싱할 수 있는 대시보드 페이지로 이동합니다. '지금 대량 스매시' 버튼을 클릭하여 이미지 스매싱을 시작하세요.

이미지 수에 따라 잠시 동안 실행되며 최대 30분이 소요될 수 있습니다. 실행 중일 때 모든 이미지를 압축한 후 얼마나 많은 공간이 절약되었는지 확인할 수 있습니다.

더 많은 비용을 절약하고 싶거나 한 번의 클릭으로 50개 이상의 이미지를 부숴야 하는 경우 Pro 버전으로 업그레이드해야 합니다. 그러나 한 번에 50개의 이미지를 부수는 것만으로도 충분합니다!

이제 이미지가 압축되었으므로 사람들이 이미지를 사용하고 리소스를 소모하지 못하도록 해야 합니다.

핫링크 비활성화

사용자 정의 이미지를 만들어 온라인에 업로드하면 다른 사람이 귀하의 이미지를 찾아 자신의 사이트에서 사용할 가능성이 있습니다. 이미지를 자동으로 색인화하고 해당 사이트에서 호스팅하는 웹사이트도 있습니다.

이것을 핫링크라고 하며 서버에 로드를 발생시켜 웹사이트의 로드 시간을 줄입니다.

사람들이 이미지를 핫링크하는 것을 방지하려면 FTP 또는 cPanel 파일 관리자를 사용하여 .htaccess 파일에 작은 코드를 추가해야 합니다.

다음은 사이트에서 핫링크를 비활성화하는 코드입니다.

.htaccess 파일에 붙여넣기만 하면 모든 설정이 완료됩니다.

캐싱 설치

캐싱은 WordPress 웹 사이트의 로드 시간을 줄이는 또 다른 좋은 방법입니다.

캐싱은 복잡해 보이지만 실제로는 매우 간단합니다. 캐싱을 사용하면 누군가 특정 페이지를 방문할 때 페이지의 간단한 HTML 버전이 생성됩니다. 다른 사람들이 해당 페이지를 방문할 때

이렇게 하면 페이지에서 로드 시간을 늘릴 수 있는 데이터베이스 및 기타 리소스를 호출할 필요가 없기 때문에 로드 시간이 줄어듭니다.

캐싱을 설정하는 것은 생각보다 어렵지 않습니다. 먼저 W3 Total Cache라는 플러그인을 설치해야 합니다.

플러그인을 설치하고 활성화하면 WordPress 관리 영역의 왼쪽 사이드바에 '성능'이라는 새 탭이 표시됩니다.

일반 설정 링크를 클릭하면 일부 캐싱 기능을 활성화하여 웹사이트 속도를 높일 수 있습니다.

먼저 페이지 캐시를 활성화 하려고 합니다.

페이지 캐시 방법의 경우 '디스크: 확장'을 선택하거나 서버에서 활성화된 경우 Opcode 옵션을 선택해야 합니다. 이를 활성화하려면 호스팅 제공업체에 문의해야 하지만 Disk: Enhanced만 사용하면 속도가 크게 향상됩니다.

이제 브라우저 캐시도 활성화 해야 합니다.

이렇게 하면 HTTP 압축 및 만료 헤더가 활성화되어 페이지 크기가 줄어들어 페이지가 더 빨리 로드됩니다.

축소를 활성화하여 크기를 더욱 줄일 수 있습니다.

코드 축소

다음으로 HTML, CSS 및 JS를 축소할 것입니다.

축소 란 무엇입니까?

그것은 기본적으로 정확히 어떻게 들리는지입니다. 코드를 축소하면 모든 코드가 결합되고 공백 또는 기타 중복이 제거되어 모든 것을 멋진 작은 파일에 넣습니다.

이렇게 하면 파일 크기가 줄어들어 로드 시간이 빨라집니다.

W3 Total Cache의 다음 섹션에서 Minify 상자를 찾을 수 있습니다.

이제 Minify를 활성화 해야 합니다.

기본 설정은 모두 문제가 없으며 사이트 디자인을 엉망으로 만들 수 있다는 경고 팝업이 표시되므로 '설정 저장 및 캐시 제거'를 클릭한 후 이를 확인하십시오.

이렇게 하면 이전 캐시가 삭제되어 최신 상태의 새 페이지가 제공됩니다. 사이트가 정상적으로 보이면 모든 코드를 축소해야 합니다.

웹 페이지에서 마우스 오른쪽 버튼을 클릭하고 소스 보기를 클릭하면 확인할 수 있습니다. 그러면 WordPress 웹사이트의 소스 코드가 표시됩니다. 그것은해야한다

CDN 설정

CDN은 콘텐츠 전송 네트워크를 의미합니다.

기본적으로 이미지, CSS, JS와 같은 미디어를 호스팅하고 자체 서버에 무료로 업로드하여 성능을 높이는 서버입니다.

웹사이트의 속도를 높이는 데 사용할 수 있는 정말 훌륭한 CDN이 몇 가지 있습니다. 다음은 WordPress에 가장 적합한 몇 가지입니다.

• 클라우드플레어
• 아마존 클라우드프론트
• 스택 경로

CDN을 설정하려면 이전에 사이트를 캐시하기 위해 사용했던 W3 Total Cache를 사용하면 됩니다.

일반 설정 탭으로 이동하여 하단의 CDN 섹션으로 이동하십시오. W3 Total Cache에 바로 통합할 수 있는 가장 인기 있는 CDN(위의 항목 포함)을 모두 선택할 수 있는 드롭다운을 찾을 수 있습니다.

CDN 활성화 를 클릭합니다.

그런 다음 사용하기로 결정한 CDN을 선택하십시오. StackPath를 사용하여 CDN 측에서 설정하는 방법을 보여 드리겠습니다.

StackPath.com으로 이동하여 계정을 만드십시오. 이제 간단한 설정 마법사를 통해 CDN을 온라인으로 만들고 사이트에 연결할 수 있습니다.

첫 번째 단계에서 웹사이트 및 애플리케이션 서비스를 선택합니다.

2단계에서 CDN 옵션을 선택합니다.

3단계에서는 CDN을 설치하려는 WordPress 웹사이트의 URL을 입력하라는 메시지가 표시됩니다.

지금은 업그레이드에 대해 걱정하지 마십시오. 기본 CDN을 설치하기만 하면 속도가 크게 향상됩니다. 다음 단계에서는 호스트 이름/IP 주소를 확인하도록 요청합니다. 여기서 아무것도 변경할 필요가 없으므로 '계속'을 클릭하십시오.

이제 StackPath가 새 에지 주소를 반환합니다. 이것은 모든 CDN 호스팅 파일이 위치할 루트 도메인입니다. 계속을 클릭하여 CDN 설정 프로세스를 완료하십시오.

다음으로, 이 서비스를 WordPress 웹사이트에 연결하기 위해 WordPress에 넣을 수 있는 몇 가지 API 자격 증명을 만들어야 합니다. 오른쪽 상단에서 프로필을 클릭하고 'API 관리'를 선택합니다.

자격 증명 생성 버튼을 클릭하여 새 API 키와 비밀을 만듭니다.

WordPress의 W3 Total Cache에 입력해야 하는 클라이언트 ID 및 API 클라이언트 암호를 생성합니다.

따라서 WordPress 관리 영역으로 돌아가 CDN 구성의 W3 Total Cache 설정으로 돌아갑니다.

승인 버튼을 클릭하면 StackPath에서 생성한 클라이언트 ID와 API 클라이언트 암호를 붙여넣을 수 있습니다.

다음을 클릭하면 이제 WordPress 웹사이트에 CDN이 설정되었습니다.

설정되었는지 확인하려면 W3 Total Cache에서 Test StackPath 버튼을 클릭하거나 웹사이트의 페이지 소스를 보고 이미지나 외부 리소스를 찾을 수 있습니다.

URL이 StackPath의 Edge 주소에 대한 것임을 알 수 있습니다. 이것은 CDN이 올바르게 설치되고 설정되었음을 의미합니다!

이미지에 지연 로딩 추가

이미지에 대해 지연 로드를 설정하면 WordPress 웹사이트에서 페이지 로드 시간을 줄이는 데 도움이 될 수 있습니다.

게으른 로딩은 화면에 필요할 때까지 객체 초기화를 미루는 관행입니다.

일반적으로 웹 페이지가 로드되면 전체 웹 페이지를 로드한 다음 사용자에게 제공합니다. 지연 로드를 사용하면 화면에서 볼 수 있는 부분만 로드한 다음 스크롤할 때까지 다른 요소를 로드하기를 기다립니다.

WordPress를 사용하면 지연 로딩을 설정하는 것이 매우 간단합니다.

먼저 WP Rocket의 Lazy Load 플러그인을 다운로드합니다.

Lazy Load 설정은 WordPress 관리 영역의 Settings->Lazy Load에 있습니다. 설정 페이지로 이동한 다음 지연 로드할 항목을 선택하기만 하면 됩니다. 모든 항목을 지연 로드하려면 모든 상자를 선택하는 것이 좋습니다.

그리고 그게 다야! 이제 WordPress 웹 사이트에 지연 로딩이 설치되어 사이트 속도가 크게 향상되는 것을 볼 수 있습니다.

게시물 수정 제한

기본적으로 WordPress는 저장할 때마다 게시물과 페이지를 저장하므로 무언가를 엉망으로 만든 경우 뒤로 돌아가 변경 사항을 되돌릴 수 있습니다.

이것은 훌륭한 기능이지만 많은 변경을 수행하는 경우 큰 데이터베이스를 만들 수 있습니다.

블로그 게시물에 최대 100개의 수정본을 만들 수 있으므로 어떻게 제어할 수 없는지 상상할 수 있습니다.

운 좋게도 WordPress가 저장할 개정판 수를 제한할 수 있습니다.

wp-config.php 파일을 편집하고 간단한 코드 한 줄만 추가하면 됩니다. cPanel 파일 관리자 또는 FTP를 사용하여 wp-config.php 파일을 편집하고 다음 코드를 추가하십시오.

define ( 'WP_POST_REVISIONS' , 3 ) ;

최대 저장하려는 게시물/페이지 수정 수로 숫자를 변경합니다. 다음은 wp-config.php 파일에서 구현한 예입니다.

그리고 그게 다야! 이제 WordPress는 3개의 게시물/페이지 수정본만 저장하므로 데이터베이스에서 많은 공간을 확보할 수 있습니다.

마무리

위에서 필요한 모든 최적화를 수행했으므로 이제 최종 테스트를 수행하고 속도가 얼마나 증가했는지 확인할 차례입니다.

우리는 Pingdom 속도 도구를 통해 wpseoexperts.com을 실행했고 1.52초의 로드 시간을 얻었습니다!

따라서 이러한 방법을 수행하면 속도가 100% 이상 증가할 수 있음을 직접 확인할 수 있습니다!