WordPress 최적화: 속도를 위해

문제는 이겁니다.
웹사이트 로딩에 3초 이상 걸린다면…
…대부분의 방문자는 떠나서 다시는 돌아오지 않을 겁니다.

사람들이 여러분의 콘텐츠를 읽고 여러분이 판매하는 상품을 구매하도록 하려면 웹사이트 속도를 개선해야 합니다.
웹사이트 로딩 속도가 빠르다는 것은 다음과 같은 이점을 의미합니다.

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

하지만 문제는 웹사이트 속도 개선이 어렵고 시간이 많이 걸릴 수 있다는 것입니다. 웹 개발자를 고용하면 1,000달러가 훨씬 넘는 비용이 듭니다. 워드프레스 사용자라면 WP Speed of Light . WP Speed of Light
플러그인을 사용하여 워드프레스 웹사이트 속도를 개선하는 방법을 보여드리겠습니다 .

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

웹사이트 속도를 향상시키고 싶은 데에는 여러 가지 이유가 있습니다. 가장 중요한 이유 중 하나는 웹사이트 이탈률을 줄이는 것입니다.

웹사이트 로딩 시간이 3초를 넘으면 대부분의 사람들은 바로 떠나게 됩니다. 이는 이탈률을 증가시키는데, Google에서는 이탈률이 높은 웹사이트를 품질이 낮은 웹사이트로 간주합니다. 더욱이 Google 알고리즘은 로딩 속도가 빠르고, 사용자 경험이 우수하며, 이탈률이 낮은 웹사이트를 선호합니다. 따라서 Google 첫 페이지에 도달하고 그 자리에 머무르려면 빠른 웹사이트가 필수적입니다.

뿐만 아니라, 웹사이트 방문자가 판매 상품을 구매하거나 이메일 목록에 가입하도록 유도하려면 더 빠른 웹사이트가 필요합니다. 웹사이트 로딩 속도가 느릴수록 전환율은 낮아집니다. 웹사이트 속도가 빠를수록 전체 전환율이 높아져 구독자 수, 공유 횟수, 매출이 증가합니다.

뿐만 아니라, Kissmetrics에 따르면 소비자의 47%는 웹페이지가 2초 이내에 로딩되기를 기대하며, 사용자의 40%는 로딩 시간이 3초를 넘으면 웹사이트를 이탈합니다. 그래도 확신이 서지 않는다면, WebsiteOptimization.com에 따르면 느린 웹사이트는 품질이 낮다고 인식되어 트래픽을 최대 20%까지 감소시키고 사용자의 혈압을 높일 수도 있습니다.

로딩 시간과 서버 리소스를 줄이기 위해 캐시된 페이지 제공

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

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

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

하지만 문제는 다음과 같습니다.

WordPress에는 기본적으로 캐싱 기능이 제공되지 않습니다. 즉, WordPress 대시보드에 캐싱을 활성화할 수 있는 버튼이 없습니다. WordPress 사이트에서 캐싱을 활성화하려면 WP Speed of Light플러그인을 설치해야 합니다. 이 플러그인은 무료이며 설치 시간은 1초도 걸리지 않습니다. 웹사이트에 설치한 후 캐싱을 활성화하는 방법은 다음과 같습니다.

WP Speed of Light 로 캐싱을 활성화하는 방법

플러그인으로 캐싱을 활성화하려면 WordPress 대시보드에 로그인한 다음 WP Speed of Light -> 속도 최적화로 이동하세요.

속도 최적화 페이지에서 다음 옵션을 활성화하세요.

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

캐시 삭제: 이 옵션은 플러그인이 캐시를 삭제하는 빈도를 지정합니다. 주기적으로 캐시를 삭제하는 것이 중요합니다. 서버 캐시를 삭제하지 않으면 웹사이트의 새로운 변경 사항이 사용자에게 반영되지 않습니다. 이 옵션은 40분으로 설정하는 것이 좋습니다.

저장 시 정리: 이 옵션을 활성화하세요. 게시물이나 페이지에 추가하거나 변경 사항을 적용하는 즉시 캐시를 지웁니다. 새 페이지를 게시하거나 변경한 후 서버 캐시를 지우지 않으면 사용자가 새 변경 사항과 새로 게시된 페이지를 볼 수 없습니다.

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

태블릿용 캐시: 태블릿 사용자에게 잘못된 캐시 버전이 제공되는 경우가 아니라면 '자동'으로 설정해 두세요. 이는 사이트에서 기기마다 다른 콘텐츠(HTML)를 제공하는 경우에만 발생할 수 있습니다.

모바일용 캐시: 이 옵션은 이전 옵션과 동일합니다. '자동'으로 설정하는 것이 좋습니다.

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

이 모든 옵션을 활성화한 후 '변경 내용 저장'을 클릭하세요. 이제 웹사이트 캐싱이 활성화되었습니다. 이제부터 사용자에게 사이트 페이지와 게시물의 캐시된 사본이 제공됩니다.

GZIP을 사용하면 웹사이트 로딩 시간을 절반 이상 단축할 수 있습니다.

웹 페이지에 필요한 이미지, JavaScript, CSS 파일은 웹사이트 속도에 큰 영향을 미칩니다. 서버에서 파일을 다운로드하는 데 시간이 걸리고, 이미지와 같은 파일의 크기는 최대 1MB에 달할 수 있습니다. 이는 웹사이트 표시 시간을 증가시킬 뿐만 아니라 대역폭 비용도 증가시킵니다.

가장 좋은 해결책은? 서버에서 GZIP을 활성화하는 것입니다.

GZIP은 압축 알고리즘으로, 활성화하면 파일 크기를 절반 이상 줄여줍니다. GZIP을 활성화하면 웹사이트 서버가 해당 알고리즘을 지원하는 브라우저에 압축 파일을 제공하기 시작합니다. 따라서 5MB가 넘는 이미지도 전송 시 2MB 미만으로 압축됩니다. 이렇게 하면 대역폭 비용과 서버 부하가 줄어들 뿐만 아니라 웹사이트 로딩 시간도 절반 이상 단축됩니다.

WP Speed of Light 에서 GZIP을 활성화하는 방법

저희 플러그인은 먼저 서버에서 GZIP이 이미 활성화되어 있는지 확인합니다. 현재 대부분의 주요 웹 호스팅 업체에서 GZIP이 활성화되어 있습니다. 서버에서 이미 GZIP이 활성화되어 있다면 저희 플러그인은 별도의 작업을 수행할 필요가 없습니다. 하지만 서버에서 GZIP이 활성화되어 있지 않다면, 저희 플러그인은 Apache 모듈 (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와 같은 속도 테스트 도구에서 더 높은 점수를 받게 됩니다.

결론

워드프레스는 인터넷에서 가장 인기 있는 콘텐츠 관리 시스템입니다. 유연하고 말 그대로 수천 가지의 기능을 제공합니다. 하지만 이러한 유연성에는 대가가 따릅니다. 바로 웹사이트 로딩 속도가 느리다는 것입니다. 워드프레스는 높은 사용자 정의 가능성과 유연성을 갖추고 있지만, 방대한 코드베이스를 가지고 있으며, 이 방대한 코드베이스를 실행하는 데 시간이 걸립니다. 게다가 새로운 플러그인을 설치하면 이 방대한 코드베이스에 더 많은 코드가 추가되어 코드베이스가 더욱 커집니다.

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

또한 성능 테스트를 실행하여 무엇을 확인해야 할지 알아볼 수도 있습니다!

WP SPEED OF LIGHT 받으세요

질문이나 제안 사항이 있으신가요? 아래 댓글로 알려주세요.