GZIP 압축을 사용하여 WordPress 사이트 속도를 높이는 방법

게시 됨: 2018-10-05

웹사이트에서 강력한 사용자 경험을 제공하려면 성능이 핵심입니다. 사이트를 로드하는 데 시간이 오래 걸리면 제대로 경험할 기회도 가지지 못한 채 '이탈' 사용자가 증가할 가능성이 높습니다. 이것이 사이트 속도를 최적화하는 것이 중요한 이유입니다.

사이트의 로딩 시간을 최소로 유지하는 많은 방법이 있지만 덜 알려진(아직도 유용한) 옵션 중 하나는 GZIP 압축입니다. 이렇게 하면 사이트 파일을 압축하여 더 빠르게 전송할 수 있으므로 로드 시간을 줄이는 데 도움이 됩니다.

이 기사에서는 GZIP 압축의 기본 사항과 작동 방식을 소개합니다. 그런 다음 WordPress 사이트에서 구현하는 방법을 보여 드리겠습니다. 갑시다!

  • 사이트의 로딩 시간이 중요한 이유
  • GZIP 압축 소개
  • WordPress 사이트에서 GZIP 압축을 사용하는 방법(3단계)
  • 결론

사이트의 로딩 시간이 중요한 이유

GZIP 압축이 사이트 속도를 높이는 데 어떻게 도움이 되는지 자세히 알아보기 전에 먼저 압축의 중요성을 살펴보겠습니다. 사실, 온라인에서 시간을 보냈다면 느린 로딩 시간이 웹사이트에 미칠 수 있는 영향을 이미 잘 알고 있을 것입니다.

실제로 인터넷 사용자의 거의 절반이 사이트가 2초 이내에 로드될 것으로 기대합니다. 그 이후 1초마다 페이지 이탈이 기하급수적으로 증가하여 전환율에 부정적인 영향을 미칠 수 있습니다. 따라서 사이트가 방문자를 기다리게 하지 않도록 하는 것이 최우선 순위가 되어야 합니다.

다행히 사이트 속도를 최적화하기 위해 할 수 있는 일이 많이 있습니다. 가장 일반적으로 논의되는 것 중 일부는 이미지 압축, CDN(콘텐츠 전송 네트워크) 사용 및 캐싱 구현을 포함합니다. 그러나 종종 간과되는(그러나 그만큼 가치 있는) 한 가지 방법은 GZIP 압축입니다. 이것이 무엇이며 어떻게 작동하는지 조금 더 자세히 살펴보겠습니다.

GZIP 압축 소개

GZIP 압축으로 WordPress 사이트 속도를 높이는 방법에 대한 플라이휠 앱 자습서가 있는 은색 및 주황색 가구의 노트북

기본적으로 GZIP은 ZIP 및 RAR 파일과 같은 다른 압축 유형과 유사합니다. 기본적으로 사이트의 파일을 압축하여 훨씬 더 작게 만들어 더 빠르게 보낼 수 있습니다. 그런 다음 최종 사용자의 장치에서 파일의 압축을 풉니다.

WordPress 사이트의 속도와 성능을 높이는 4가지 팁

사이트 로드가 느릴수록 사람들이 떠날 가능성이 높다는 것은 입증된 사실입니다. 따라서 페이지를 로드하는 데 시간이 오래 걸린다면 잠재적인 전환과 고객 모두를 잃게 됩니다. 특히...

이는 사이트 로드 시간을 줄이는 데 도움이 될 뿐만 아니라 대역폭 사용량을 줄이는 데도 도움이 됩니다. 더 적은 데이터를 전송해야 하므로 서버에 부담을 덜 줍니다. GZIP 압축은 방대할 수 있으므로 로딩 시간을 줄이는 데 매우 중요한 측면입니다.

GZIP 압축은 일반적으로 서버 수준에서 활성화되므로 이미 활성화되어 있는지 다시 확인하십시오. 그러나 그렇지 않은 경우 작업을 시작해야 합니다!

WordPress 사이트에서 GZIP 압축을 사용하는 방법(3단계)

WordPress로 GZIP 압축을 구현하는 가장 쉬운 방법은 기본적으로 제공하는 웹 호스트를 사용하는 것입니다. 예를 들어, Flywheel은 기본적으로 모든 WordPress 사이트와 기본 제공 캐싱 솔루션 및 CDN에 대해 GZIP 압축을 활성화합니다 . 이렇게 하면 이러한 솔루션을 직접 구현하는 것에 대해 걱정할 필요 없이 사이트가 항상 잘 작동할 수 있습니다.

그러나 호스트가 이 기능을 제공하지 않으면 문제를 스스로 해결해야 합니다. WordPress에서 흔히 볼 수 있는 것처럼 WP Fastest Cache와 같이 기능 세트의 일부로 GZIP 압축을 제공하는 플러그인이 있습니다. 그러나 플러그인에 의존하고 싶지 않다면 사용할 수 있는 수동 방법도 있습니다.

1. 사이트의 .htaccess 파일을 엽니다.

GZIP 압축을 수동으로 설정하려면 사이트의 .htaccess 파일을 편집해야 합니다. 이것은 서버와 상호 작용하는 방식을 포함하여 WordPress 사이트를 강화하는 많은 중요한 기능을 담당합니다.

계속하기 전에 사이트의 백업을 만드는 것이 좋습니다. .htaccess 가 WordPress 코어 파일이라는 점을 감안할 때 백업을 준비하면 최악의 상황이 발생할 경우 자신을 보호하는 데 도움이 됩니다.

준비가 되면 FTP(파일 전송 프로토콜)를 사용하여 사이트 서버에 액세스할 수 있습니다. 무료 오픈 소스 FileZilla를 추천합니다. 기술을 연마하고 싶을 수도 있습니다. 웹 호스트에서 제공한 FTP 자격 증명을 사용하여 로그인해야 하며 일단 로그인하면 다음 화면이 표시됩니다.

gzip 압축 파일 시스템 스크린샷으로 WordPress 사이트 속도를 높이는 방법

사이트의 루트 디렉토리에서 .htaccess 파일을 볼 수 있어야 합니다(일반적으로 public_html 이라고 하지만 사이트 이름 또는 www 일 수도 있음). 파일을 마우스 오른쪽 버튼으로 클릭하고 보기/편집 을 선택하여 기본 텍스트 편집기에서 파일을 엽니다.

gzip 압축 .htaccess 파일 스크린샷으로 WordPress 사이트 속도를 높이는 방법

다음으로 이 파일에 코드를 추가합니다.

2. 파일을 편집하여 GZIP 압축을 활성화합니다.

이제 몇 줄의 코드를 추가하여 웹사이트의 파일을 GZIP으로 압축하여 전달하도록 서버에 지시해야 합니다.

# END WordPress 위에 새 줄을 추가하고 다음 코드를 붙여넣습니다. 

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/opentype
# For Older Browsers Which Can't Handle Compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

위의 내용은 대부분의 서버에서 작동합니다. 그러나 그렇지 않은 경우(다음 섹션에서 이를 테스트하는 방법에 대해 설명함) 다음 스니펫이 대신 작동해야 합니다. 

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

완료되면 .htaccess 파일을 저장합니다. FileZilla는 사이트에 있는 파일을 새 버전으로 바꿀지 묻는 메시지가 표시되면 예 를 선택합니다.

3. GZIP 압축이 올바르게 구현되었는지 테스트

이 시점에서 지시한 대로 사이트에서 GZIP 압축을 사용하는지 테스트해야 합니다. 이 기사의 앞부분에서 이미 간략하게 언급했으며 실제로 프로세스에서 가장 쉬운 단계입니다. 이를 위해 Check GZIP 압축과 같은 사이트를 사용할 수 있습니다.

gzip 압축 확인으로 WordPress 사이트 속도를 높이는 방법 gzip 압축 도구 스크린샷 자습서

사이트의 URL을 입력하고 돋보기 아이콘 을 클릭하기만 하면 됩니다 . 그러면 사이트에서 파일이 GZIP을 통해 전달되는지 확인하고 결과를 반환합니다. 다음 메시지가 표시되기를 바랍니다.

gzip 압축으로 WordPress 사이트 속도를 높이는 방법 GZIP 압축 도구 스크린샷

그러나 결과에 귀하의 사이트가 GZIP을 사용하지 않는다고 표시되면 세 가지 경로를 선택할 수 있습니다. 하나는 앞에서 설명한 대로 스니펫을 교체하는 것입니다. 또는 변경 사항이 활성화되거나 사이트의 캐시를 제거하기 전에 잠시 기다려야 할 수도 있습니다.

그래도 문제가 해결되지 않으면 .htaccess 파일의 코드에 오류가 있는지 다시 확인하세요. 여전히 난처한 경우 웹 호스트의 지원 팀에 추가 지원을 요청하는 것이 좋습니다.

결론

속도를 위해 WordPress 사이트를 최적화할 때 GZIP 압축은 가장 적게 언급되었지만 사용 가능한 가장 유용한 방법 중 하나입니다. 사이트 파일을 압축하면 로드 시간을 낮게 유지하고 사용자가 불필요한 속도 저하를 겪지 않도록 할 수 있습니다.

이 기사에서는 WordPress 사이트에서 GZIP 압축을 활성화하는 방법에 대해 논의했습니다. 압축이 이미 활성화된 서버에서 단순히 사이트를 호스팅하는 것이 가장 쉬운 옵션이지만 다음 단계를 사용하여 직접 설정할 수도 있습니다.

  1. 사이트의 .htaccess 파일을 엽니다.
  2. 파일을 편집하여 GZIP 압축을 활성화합니다.
  3. GZIP 압축이 올바르게 구현되었는지 테스트합니다.

GZIP 압축에 대해 질문이 있습니까? 아래 의견 섹션에서 알려주십시오!