워드프레스 테마 트래픽 이슈(Traffic/Bandwidth Issue)

해결 방법을 모색하며

워드프레스(WordPress)는

워드프레스(WordPress)는 이미 알려진 대로 원래는 공개 플랫폼의 성격을 가지고 있다. 수천개 이상의 테마와 수만개 이상의 플러그인이 세계 곳곳에서 만들어지고 또 이용자들은 그것을 이용하기도 합니다.

테마들의 핵심은 UI (User Interface)에 있습니다. 즉 컨텐츠를 보는 클라이언트(Client)가 얼마나 사이트를 편리하게 이용할 수 있냐는 데에 있습니다.

물론 아름답거나 품위를 갖춘 디자인적인 요소 또한 충분히 고려되는 것은 사실입니다.

워드프레스 테마 트래픽 이슈(Traffic/Bandwidth Issue) 서비스모니터링 1일 사용량 wordpress-traffic-or-bandwidth-issue

워드프레스(WordPress) 테마 트래픽 해결 방법은 다 찾았지만

위의 그림을 보면 2014-06-01일자로 하루 메인 방문자수(Visits) 1,287명, 접속 IP 1,010, 총 전송량 994,327 Kb (994 Mb = 0.99 Gb)로 대부분 자가 비용으로 유료 호스팅을 사용해야하는 워드프레스(테마) 홈페이지 운영자는, 이에 대한 해결 방법을 가지고 있지 않는 한 무턱대고 방문자수만 늘릴 수도 없습니다.

워드프레스 아바다 테마를 쓰고 있는 필자로서는 1,000명 방문에 1 Giga Byte의 트래픽 사용은 심각한 문제이기에 방문자를 늘리기에 앞서 이 문제(Issue)를 반드시 해결해야만 했습니다.

물론 고가의 유료 웹 또는 서버 호스팅, 또는 서버 독자 운영을 할 수 있다면 그리 고민하지 않아도 되지만….

한국의 인터넷 환경은 인터넷 속도가 매우 빠르지만, 외국의 경우 대부분 한국만큼 빠르지 아니하며, 네티즌들의 속성 또한 느린 것을 못참아한다는 것도 충분히 고려되어야 하고, 검색엔진(네이버, 다음, 구글 등)의 SEO (검색엔진 최적화)에도 부합되어야 합니다.

사용자의 웹브라우저 환경도 충분히 고려되어야 합니다. 2013년에 이미 스마트폰과 태블릿 등의 모바일에서 인터넷 접속하는 비율이 데스크톱(laptop)을 넘어섰습니다.

워드프레스 테마 트래픽 접속페이지별 상세 사용량 wordpress-traffic-or-bandwidth-issue-2

워드프레스 테마와 플러그인 트래픽 이슈

접속 페이지 또는 파일 별 상세 사용량

을 보면, 자바스크립트 또는 Jquery 관련 파일 들의 전송량이 크다는 것을 알 수 있습니다. 워드프레스 테마의 홈페이지 디자인 요소, UI의 측면을 충족시키려다보니 관련 JS, Font 관련 파일 들의 전송량이 상위에 포진되어 있습니다.

현재 CSS, html, htm 등 정적인(Static) 또는 정적인 것으로 인식시켜놓은 포스팅(Article 또는 Posts)들은 모두 gzip 압축전송되고 있고, 서버캐싱, 브라우저 캐싱이 설정되어 있는 상태라 상위에서 사라졌습니다.

JS 파일을 gzip 압축 전송 시켜놓지 않은 것은 임시적인 문제가 있어 풀어놓았습니다.

워드프레스 테마 트래픽 접속페이지별 상세 사용량 wordpress-traffic-or-bandwidth-issue-3

트래픽 문제 해소엔 어떤 기술(trick)들이 적용될 수 있나요?

한국의 웹 환경은 미국과 다릅니다.

폐쇄적인 부분이 많으며, 공유의 정신 또한 떨어집니다. 트래픽은 곧 비용 지출과 직결되어 있는 이슈입니다.

무료 CDN 등을 이용할 수 있으나 일정 부분 한계가 있으며, SEO와도 부합되지 않는 부분도 있습니다.

트래픽 문제 해소에 이용되고 있거나 고려되는 기술들

물론 화면 렌더링과 SEO에 주는 영향을 고려한다는 조건하에서 입니다.

1. Minify

CSS, JS 등이 이에 해당하나, 무조건 Minify한다고 다 해결되는 것은 아닙니다. 실제로 적용해보면 접속환경에 따라 화면 렌더링이 이상해지는 등의 결과를 초래할 수도 있습니다. 결과를 확인해봐야 안심하고 적용할 수 있습니다.

Minify는 CSS, JS 등의 Coding에서 공백, 주석 등 불필요하다고 인식되는 데이터를 없애기하는 기술(trick)입니다.

2. Gzip 압축전송

이 또한 위의 Minify와 같이 사용자 환경 또는 운영자의 환경을 고려하여 적용여부를 정해야 합니다.

3. 서버캐시와 브라우저 캐시 (Server Caching / Browser Caching)

크롬 등 최신 브라우저들은 캐시가 가능하도록 되어 있어서 상당 부분 트래픽 부하 감소에 기여하고 있습니다.

[adsense_mo1]

4. 이미지 압축 기술

Gzip 전송에서 보통 이미지 들은 제외시키는 이유가 gzip 전송을 해도 될만큼의 충분한 환경이 되어 있지 않기에 그렇습니다. 이미지가 깨져 보이거나 화면 렌더링이 이상을 보이는 빈도가 높습니다.

따라서, 이미지 자체로서 압축을 해야하는 데, GIMP 등 많은 기술들이 활용되고 있는 듯 합니다.

5. CDN등 무료 드라이브 들

범용성이 높고, 현재까지는 많은 히트(Hits)에도 특별한 제한이 없다고 여겨지는 구글드라이브, Picasa, Dropbox 등이 거론되나, 이 또한 다른 여러가지 측면을 고려하면 완전한 해결책은 못됩니다. 임시 방편은 될 수 있습니다.

6. 이들의 총합으로서의 완전한 해결책에 가까운 것은

PHP, CSS, JS, 정규식,SEO등에 도통 또는 정통하여 테마 개발자 또는 플러그인 개발자의 역량에 도달하는 것 밖에 없습니다. 워드프레스가 안고 있는 장단점 중 단점 요소를 커버할만한 기술을 가져야 합니다. 이러면 하루 2G 트래픽 제한으로도 10만 이상의 방문자를 받을 수 있습니다. 물론 원하는 모든 요소를 만족시키는 조건하에서 입니다.

워드프레스 테마 트래픽 이슈(Traffic/Bandwidth Issue) 해결 방법