워드프레스에서 HTTP/S 요청을 감소시켜 페이지 속도를 높여주는 WP Asset CleanUp 플러그인

7

브라우저가 서버로부터 무엇인가를 요청할 때마다 HTTP 혹은 HTTPS 요청이 발생합니다. 이것은 스타일시트, 이미지, 삽입된 동영상 또는 스크립트와 같은 파일이 될 수 있습니다. 기본적으로 사이트를 구성하는 모든 것이 될 수 있습니다. 이러한 각각의 것이 별도의 요청이 됩니다.

(HTTP 또는 HTTPS 요청은 서버에서 HTTPS 암호화가 설정되어 있는지 여부에 따라 결정되지만, 이것만 제외하면 HTTP 요청과 HTTPS 요청은 동일한 것이므로 여기에서는 편의상 HTTP 요청이라고 표기하겠습니다.)

요청된 모든 파일이 브라우저에 전달되어야만 웹사이트를 렌더링하므로 HTTP 요청은 중요합니다. 그렇지 않으면 방문자들이 사이트 내용을 볼 수가 없습니다.

따라서 브라우저에서 다운로드하여 처리해야 하는 것이 많으면 많을 수록 사이트 로드 속도가 느려질 수밖에 없습니다. 특히 사이트가 인기가 있어서 많은 방문자가 방문한다면 더욱 중요합니다. 이러한 경우 서버에서 많은 동시 HTTP 요청을 한 번에 처리해야 하므로 HTTP 요청수가 속도에 큰 영향을 미치게 됩니다.

HTTP/S 요청 확인하기

Google PageSpeed Insights, GTmetrix, Pingdom, WebPageTest 등 사이트 최적화/속도 측정 사이트를 이용하여 내 사이트의 HTTP 요청을 확인할 수 있습니다.

예를 들어, Pingdom Speed Test 사이트에서 테스트해보면 자세한 요청수를 포함한 자세한 Performance Insights(성능 인사이트)를 확인할 수 있습니다.

이 블로그에 사용된 Publisher라는 테마가 몇 달 전에 업데이트되면서 전반적으로 무거워졌습니다.

방금 속도 측정을 해보니 Combine external JavaScript에서 F 등급이 나왔네요. 해당 문제가 주로 구글 애드센스 광고 스크립트와 관련되어 있는 것 같습니다. 구글 애드센스 광고는 사이트 속도에 영향을 미칠 수 있고 과도한 광고를 표시하면 사용자 경험에 부정적인 영향을 미칠 수 있으므로 가능한 경우 애드센스 배너 광고를 운영하지 않는 것이 바람직한 것 같습니다.

실제로 이 블로그에서 광고를 제거하면 사이트 속도가 지금보다 훨씬 빠르게 로드됩니다.

구글 애드센스 광고 사이트 속도

하지만 이 블로그와 같이 정보를 전달하고 실제 제품을 판매하지 않는 사이트의 경우 다른 마땅한 방법이 없는 것이 현실입니다. 이 블로그에서는 사이트 방문자 수가 지속적으로 늘고 있지만 애드센스 광고 수익은 지속적으로 악화되고 있습니다.ㅠㅠ 혹시 애드 블록 광고 차단 기능을 활성화한 경우 이 블로그를 차단 목록에서 해제(화이트리스트에 추가)해주시면 감사하겠습니다.

장기적으로는 후원 등을 통해 웹호스팅 비용 등을 감당할 수 있으면 애드센스 배너 광고는 제거했으면 하는 바람입니다.

워드프레스에서 HTTP/S 요청을 줄이는 방법

워드프레스에서 HTTP 요청수를 줄이는 방법으로 wpmudev 사이트에서는 다음과 같은 사항을 제시하고 있습니다.

  • 불필요한 이미지 삭제 – 사용하지 않는 이미지 삭제
  • 불필요한 파일 삭제 – 플러그인, 테마 등 사용하지 않는 것이 있다면 삭제
  • 파일 크기 줄이기 – 워드프레스 이미지 최적화 플러그인 WP Smush 참고
  • CSS Image Sprite 생성 – https://www.w3schools.com/css/css_image_sprites.asp 참고
  • 레이지 로딩(지연 로딩) 사용
  • 관련성이 없는 자산(Asset) 무시 – WP Asset Cleanup plugin 플러그인 사용(아래 참고)
  • CSS 및 JavaScript 파일 병합
  • 외부 이미지 제한 – 워드프레스의 기본 댓글 시스템에서 불러오는 Gravatar 이미지가 여기에 해당하는 가장 일반적인 예라고 하네요.

WP Asset CleanUp Lite를 사용하여 HTTPS 요청 줄이기

워드프레스 속도 최적화

HTTP 요청을 줄이는 방법 중 하나로 WP Asset CleanUp Lite 같은 플러그인을 사용할 수 있습니다. 이 플러그인은 워드프레스 저장소에서 제공되는 무료 플러그인입니다.

이 플러그인을 설치하고 활성화한 후에 워드프레스 관리자 페이지 > WP Asset Clean Up에서 불필요한 자산(Asset)을 비활성화시킬 수 있습니다.

워드프레스 HTTP 요청 줄이기

각 옵션을 확인하여 불필요한 사항이 있다면 비활성화하여 HTTP 요청을 줄일 수 있습니다.

마치며

워드프레스 사이트 속도는 사이트 최적화, 웹호스팅 등 다양한 요소의 영향을 받습니다. 최근에 나오는 테마들은 많은 리소스를 요구하는 경우가 많으며, 간혹 웹호스팅 사양이 좋지 않아서 사이트 속도가 매우 느려지는 사례를 목격합니다. 그런 경우에는 웹호스팅 이전을 고려해볼 수 있습니다.

사이트 최적화 측정 사이트에서 사이트를 테스트했을 때 지나치게 요청수가 많으면 WP Asset CleanUp 같은 플러그인을 사용하여 HTTP 요청을 줄여볼 수 있습니다. 그래도 사이트 속도가 크게 향상되지 않는다면 전문 개발자에게 사이트 속도 최적화를 의뢰해볼 수 있습니다.

개인적으로 알고 있는 개발자가 워드프레스 사이트 최적화 작업을 하고 있는데, 이 작업도 며칠이 걸리는 쉽지 않은 작업 같습니다.

특히 쇼핑몰과 같이 상품을 판매하는 사이트의 경우 사이트 속도가 매출과 직결될 정도로 중요합니다. 일반적인 방법으로 사이트 속도가 만족스러운 수준으로 개선되지 않는 경우 비용이 들더라도 전문가를 고용하는 것을 고려해볼 수 있을 것입니다.

Related Posts