워드프레스 최적화: 속도 개선

여기 거래가 있습니다:
웹사이트 로딩에 3초 이상 걸리면…
… 대부분의 방문자는 떠나고 다시 돌아오지 않습니다.

콘텐츠를 읽고 판매하는 것을 구매하기를 원한다면 웹사이트 속도를 개선해야 합니다.
더 빠른 로딩 웹사이트는 다음을 의미합니다:

• 구글에서 더 많은 트래픽
• 낮은 이탈률
• 더 나은 전환율
• 더 많은 판매

하지만 웹사이트 속도를 개선하는 것은 어렵고 많은 시간이 소요될 수 있습니다. 웹 개발자를 고용할 경우 천 달러 이상의 비용이 들 수 있습니다. 워드프레스 사용자인 경우 WP Speed of Light와 같은 플러그인을 사용하면 쉽게 해결할 수 있습니다.
이 가이드에서는 WP Speed of Light 플러그인을 사용하여 워드프레스 웹사이트의 속도를 개선하는 방법을 설명합니다.

웹사이트 속도를 개선해야 하는 이유

웹사이트 속도를 개선해야 하는 데에는 여러 가지 이유가 있습니다. 가장 중요한 이유 중 하나는 웹사이트의 이탈률을 줄이는 것입니다.

만약 당신의 웹사이트가 로딩되는데 3초 이상이 걸린다면 대부분의 사람들은 즉시 이탈할 것입니다. 이는 이탈률을 증가시키며 구글의 관점에서는 이탈률이 높은 웹사이트는 품질이 낮은 웹사이트로 간주됩니다. 게다가 구글의 알고리즘은 로딩이 빠르고 뛰어난 사용자 경험을 제공하며 이탈률이 낮은 웹사이트를 우선적으로 표시합니다. 따라서 구글 첫 페이지에 도달하고 그 자리를 유지하려면 빠른 웹사이트가 필요합니다.

그뿐만 아니라, 웹사이트 방문자가 판매하는 제품을 구매하거나 이메일 목록에 가입하려면 더 빠른 웹사이트가 필요합니다. 웹사이트 로딩 속도가 느릴수록 전환율이 낮아집니다. 더 빠른 웹사이트는 전반적인 전환율을 높여 더 많은 가입자, 더 많은 공유 및 더 많은 매출을 의미합니다.

그뿐만 아니라 Kissmetrics에 따르면 소비자의 47%는 웹 페이지 로딩을 2초 이내에 완료되기를 기대하며 사용자의 40%는 웹 사이트 로딩에 3초 이상 소요되면 해당 웹 사이트를 떠납니다. 아직 설득되지 않았다면 WebsiteOptimization.com에 따르면 느린 웹 사이트는 낮은 품질로 인식되어 트래픽을 최대 20%까지 감소시키고 사용자의 혈압을 높일 수도 있습니다.

캐시된 페이지 제공으로 로딩 시간 및 서버 리소스 감소

누군가가 웹사이트의 페이지를 방문할 때마다 WordPress는 수천 줄의 코드를 실행하고 데이터베이스에 연결한 다음 페이지를 생성합니다. 데이터베이스에 연결하고 수천 줄의 코드를 실행하는 것은 시간이 오래 걸릴 뿐만 아니라 서버의 부하도 증가시킵니다.

캐싱이 필요한 곳이 바로 여기입니다. 캐싱을 활성화하면 WordPress는 웹 사이트의 페이지를 요청할 때마다 다시 생성하지 않습니다. 대신 처음 생성될 때 페이지의 내용을 캐시(복사본 생성)한 다음 사용자에게 이 캐시된 페이지 복사본을 제공합니다. 캐시된 페이지 복사본을 제공함으로써 WordPress는 페이지를 다시 생성하거나 콘텐츠를 가져오기 위해 데이터베이스에 연결할 필요성을 우회합니다. 이렇게 하면 많은 서버 자원을 절약할 수 있을 뿐만 아니라 사용자에게 페이지를 제공하는 데 걸리는 시간도 단축됩니다.

WordPress 설치에서 캐싱을 활성화하면 웹 사이트의 로딩 시간을 거의 절반으로 줄일 수 있습니다.

하지만 문제가 있습니다

워드프레스에는 기본적으로 캐싱 기능이 없습니다. 즉, 워드프레스 대시보드에 캐싱을 활성화하는 버튼이 없습니다. 워드프레스 사이트에서 캐싱을 활성화하려면 플러그인 WP Speed of Light를 설치해야 합니다. 이 플러그인은 무료이며 설치하는 데 1초 이상 걸리지 않습니다. 웹사이트에 플러그인을 설치한 후 캐싱을 활성화하는 방법은 다음과 같습니다:

WP Speed of Light를 사용하여 캐싱을 활성화하는 방법

WP Speed of Light

속도 최적화 페이지에서 다음 옵션을 활성화합니다:

캐시 시스템 활성화: 이 옵션은 주요 캐시 시스템을 활성화합니다. 이 옵션을 활성화하면 플러그인이 데이터베이스 쿼리와 일반적인 페이지 요소를 캐시합니다.

주기적 정리: 이 옵션은 플러그인이 캐시를 얼마나 자주 정리할지 결정합니다. 주기적으로 캐시를 정리하는 것이 중요합니다. 서버의 캐시를 정리하지 않으면 웹사이트의 새로운 변경 사항이 사용자 측에 반영되지 않습니다. 이 옵션을 40분으로 유지하는 것을 권장합니다.

변경 내용 저장 시 정리: 사용하려면 이 옵션을 활성화해야 합니다. 게시물이나 페이지를 추가하거나 변경할 때 캐시를 정리합니다. 새 페이지를 게시하거나 변경한 후에 서버의 캐시를 정리하지 않으면 사용자는 새 변경 내용과 새로 게시된 페이지를 볼 수 없습니다.

데스크톱용 캐시: 이 옵션은 데스크톱 사용자에게 캐시된 페이지를 제공할지 여부를 결정합니다. 이 옵션을 활성화하는 것이 좋습니다.

태블릿용 캐시: 태블릿 사용자에게 잘못된 캐시 버전이 제공되는 경우가 있는 경우를 제외하고 자동으로 설정하십시오. 이는 사이트가 다른 장치 사용자에게 다른 콘텐츠(HTML)를 제공하는 경우에만 발생할 수 있습니다.

모바일용 캐시: 이 옵션은 이전 옵션과 동일합니다. 자동 설정을 유지하는 것을 권장합니다.

다음 페이지를 캐시하지 않음 (선택 사항): 이 옵션을 사용하면 동적이며 캐시할 필요가 없는 특정 페이지를 제외할 수 있습니다. 이 옵션에 대해 캐시하지 않으려는 URL을 한 줄에 하나씩 입력하십시오. 대부분의 사용자는 이 기능이 필요하지 않습니다.

이 모든 옵션을 활성화했으면 변경 사항 저장을 클릭합니다. 그게 다입니다. 방금 귀하의 웹사이트에서 캐싱을 활성화했습니다. 이제부터 사용자에게 사이트의 페이지 및 게시물의 캐시된 복사본이 제공됩니다.

GZIP으로 웹사이트 로딩 시간 절반 이상 단축하기

웹 페이지에 필요한 이미지, JavaScript 및 CSS 파일은 웹사이트 속도에 큰 영향을 미칩니다. 서버에서 파일을 다운로드하는 데 시간이 걸립니다. 그리고 이미지와 같은 파일은 크기가 최대 메가바이트 단위까지 클 수 있습니다. 이는 웹사이트를 표시하는 데 걸리는 시간을 늘릴 뿐만 아니라 대역폭 비용도 증가시킵니다.

최상의 솔루션? 서버에서 GZIP을 활성화하십시오.

GZIP은 압축 알고리즘입니다. 활성화되면 파일 크기를 절반 이상 줄여줍니다. GZIP을 활성화하면 웹사이트 서버가 이를 지원하는 브라우저에 압축된 파일을 제공하기 시작합니다. 따라서 5메가바이트가 넘는 이미지가 제공될 때 2메가바이트 미만으로 압축됩니다. 이는 대역폭 비용과 서버 부하를 줄일 뿐만 아니라 웹사이트 로딩 시간을 절반 이상 단축시킵니다.

WP Speed of Light과 함께 GZIP을 활성화하는 방법

우리의 플러그인은 먼저 GZIP이 서버에서 이미 활성화되어 있는지 확인합니다. 이는 현재 대부분의 주요 웹 호스팅 제공업체의 경우입니다. 서버에서 이미 활성화되어 있는 경우, 플러그인은 아무 작업도 수행할 필요가 없습니다. 그러나 서버에서 GZIP이 활성화되어 있지 않은 경우, 플러그인은 아파치 모듈 (mod_deflate) 또는 Nginx 모듈 (ngx_http_gzip_module) 을 사용하여 WordPress 서버의 htaccess 파일에 필요한 코드를 추가함으로써 GZIP을 활성화합니다.

서버에서 GZIP이 기본적으로 활성화되어 있지 않고 플러그인이 htaccess를 사용하여 활성화할 수 없는 경우 플러그인 대시보드에 경고 알림이 표시됩니다.

브라우저 캐싱을 활용하여 웹사이트 속도 향상시키기

누군가 당신의 웹사이트를 방문하면, 그들의 브라우저는 페이지를 표시하는 데 필요한 모든 파일을 다운로드합니다. 이러한 파일의 대부분은 로고, CSS 및 JavaScript와 같이 웹사이트의 다른 페이지에서 공통으로 사용됩니다. 방문자가 웹사이트의 다른 페이지로 이동하면 브라우저는 이전에 방문한 페이지를 렌더링할 때 이미 다운로드한 파일임에도 불구하고 모든 파일을 다시 다운로드합니다. 이는 브라우저가 서버에서 파일이 업데이트되었는지 여부를 알 수 없기 때문에 발생합니다. 그리고 브라우저가 이를 알지 못하기 때문에 모든 방문마다 파일을 반복해서 다운로드해야 합니다.

이는 대역폭 비용과 서버 부하를 증가시킬 뿐만 아니라 웹사이트의 로딩 시간도 증가시킵니다.

브라우저 캐싱이 구조하러 오는 곳입니다. 서버의 이미지 및 CSS와 같은 정적 파일에 대한 만료 시간을 지정하여 브라우저에 웹 사이트를 방문 할 때마다 다시 다운로드 할 필요가 없도록 지시합니다.

서버에서 브라우저 캐싱을 활성화하면 사용자의 브라우저가 웹 사이트의 다른 페이지를 방문 할 때마다 모든 파일을 다시 다운로드 할 필요가 없기 때문에 두 번째 방문부터 웹 사이트가 더 빨리로드됩니다. 대신 사용자의 브라우저는 이미 다운로드하여 캐시 한 파일을 사용하여 파일을 생성 할 수 있습니다.

WP Speed of Light와 함께 서버에서 브라우저 캐싱을 활성화하는 방법

플러그인을 사용하여 브라우저 캐싱을 활용하려면 WordPress 대시 보드에 로그인하고 WP Speed of Light -> 속도 최적화로 이동하십시오.

이제 속도 최적화 페이지에서 “만료 헤더 추가” 옵션을 활성화합니다

이 옵션을 활성화하면 플러그인이 사용자의 브라우저에 정적 리소스를 캐시하고 모든 방문에서 다시 요청하는 대신 사용하도록 지시합니다.

정적 리소스에서 쿼리 문자열 제거

브라우저 캐싱을 활성화한 후에도 브라우저는 URL 끝에 쿼리 문자열이 첨부된 경우 파일을 다르게 처리합니다.

쿼리 문자열은 다음과 같습니다: http://your-site.com/style.css?query-string=123

WordPress는 기본적으로 모든 CSS 및 JavaScript 파일의 끝에 쿼리 문자열을 추가합니다. GTMetrix와 같은 속도 테스트 도구에서 더 높은 점수를 얻으려면 이러한 쿼리 문자열을 제거해야 합니다.

정적 리소스의 URL에서 쿼리 문자열을 제거하려면 다음 단계를 따르십시오

WP Speed of Light을 사용하여 쿼리 문자열을 자동으로 제거하는 방법

정적 URL에서 쿼리 문자열을 제거하려면 WordPress 대시보드에 로그인하고 WP Speed of Light -> 속도 최적화로 이동하십시오:

이제 속도 최적화 페이지에서 “쿼리 문자열 제거” 옵션을 활성화합니다

이 옵션을 활성화하면 플러그인이 모든 URL에서 쿼리 문자열을 자동으로 제거합니다. 이렇게 하면 사용자 브라우저가 모든 방문에서 정적 파일의 새 사본을 다시 다운로드하는 대신 클라이언트 측 캐시를 사용하게 됩니다. 또한 GTMetrix 및 Google Page Speed Test와 같은 속도 테스트 도구에서 더 높은 점수를 얻을 수 있습니다.

결론

WordPress는 인터넷에서 가장 인기 있는 콘텐츠 관리 시스템입니다. 유연하며 말 그대로 수천 가지 기능을 제공합니다. 그러나 이러한 유연성은 비용이 따릅니다. 비용은 웹사이트의 느린 로딩 속도입니다. WordPress는 사용자 정의가 가능하고 유연하여 대규모 코드베이스를 보유하고 있으며 이 대규모 코드베이스는 실행하는 데 시간이 걸립니다. 그리고 새로운 플러그인을 설치하면 이 대규모 코드베이스에 코드 라인이 더 추가되어 더 커집니다.

웹사이트에 더 많은 플러그인을 설치하고 사용할수록 웹사이트 속도는 느려집니다. 다행히 WP Speed of Light 과 같은 플러그인을 사용하고 캐싱을 활성화하면 웹사이트가 원활하게 실행되고 빠르게 로드됩니다. 뿐만 아니라 전환율 증가, 검색 엔진 순위 상승 및 이탈률 감소도 확인할 수 있습니다.

또한 성능 테스트를 실행 하여 WP Sped of Light에서 직접 확인할 수 있습니다!

WP SPEED OF LIGHT 받기

질문이나 제안 사항이 있으신가요? 아래 댓글에 자유롭게 남겨주세요.