워드프레스 아바다 테마의 필수 로딩 파일과 트래픽 문제

워드프레스 아바다 테마의 필수 로딩 파일과 트래픽 문제

워드프레스 아바다 테마 (WordPress Avada Theme)를 사용하면서 고민도 많아졌습니다.

그것은 주로 트래픽(Traffic, bandwidth) 문제 입니다. 여기에 홈페이지 로딩 속도, 검색엔진 SEO가 또 상호 연관되어 있습니다.

cafe24에서 하루 트래픽 2.5G를 쓸 수 있게 되어 있는데, 하루 평균 방문자가 많아지면, 호스팅 사양을 업그레이드하거나 다른 대안과 기술을 적용해야합니다.

워드프레스 아바다 테마의 필수 로딩 파일과 트래픽 문제 wordpress-avada-theme-loading-file-bandwidth-traffic-01

고퀄리티의 큰 이미지를 많이 사용하기도 어렵습니다.

트래픽을 분산시키려고 구글드라이브를 쓰는 방법도 있는데 테스트 결과 워드프레스 홈페이지 로딩 속도가 눈에 띄게 느려집니다.

SEO에도 악영향을 미칩니다.

우선 워드프레스 아바다 테마를 쓰게 될 때 필수 Loading 파일의 크기, 밴드위드 1G, 2G일때 가능한 최대 방문자수를 계산한 도표를 참고합니다.

순위 접속페이지(파일) URL 전송량 전송율 조회수 파일K 1G 2G
1 style.css 111,706 12.55% 451 248 4032 8032
3 jquery.js 41,196 4.63% 456 90 11111 22222
4 jquery.themepunch.revolution.min.js 39,856 4.48% 454 88 11363 22726
5 jquery.themepunch.plugins.min.js 36,118 4.06% 452 80 12500 25000
7 settings.css 13,718 1.54% 445 31 32258 62316
16 query.flexslider.min.js 7,059 0.79% 451 16 62500 130000
필수
Loading  합계
250M 28.05% 553 1808 3616

 

위의 6개 파일은 필수로 Loading하는 것 같습니다.

어떤 슬라이드를 쓰느냐에 따라 불러오는 자바스크립트 숫자도 조금은 추가될 수도 있습니다.

필수 loading 파일 6개만 불러오더라도 1G 기준 하루 방문자 1,800명이면 할당된 량을 다 써버립니다.



JS,CSS,image 등을 minify하고 gzip을 사용하는 것도 쉽지는 않습니다. gzip의 경우 mode_deflate 모듈이 지원되어야 하는 데 웬만한 호스팅 회사에서는 이 모듈을 지원하지 않는 것 같습니다. 대안으로 php gzip 또는 nginx 압축 전송하는 방법이 있다하는데, 초보자에겐 어렵기만 합니다.

CSS등을 최소화 또는 최적화(Minify or Optimize)해보니 약 20% 밴드위드가 줄어들긴 하나, 어딘가에 버그가 발생하여 홈페이지가 자꾸 깨집니다.

워드프레스 아바다 테마의 필수 로딩 파일과 트래픽 문제 wordpress-avada-theme-loading-file-bandwidth-traffic-02워드프레스 아바다 테마의 필수 로딩 파일과 트래픽 문제

구글 드라이브 등을 써보기도 했으나 홈페이지 로딩 속도가 눈에 띄게 느려져서 특별한 경우를 제외하고는 포기해야하는 상황입니다.

같은 이유로 댓글 시스템인 Disqus도 과감히 제거해버렸습니다.

방문자수, SEO와 홈페이지 로딩 속도를 모두 함께 고려한다면, 국내의 속도 빠른 다른 서버를 추가로 사용할 수 밖에 없습니다. 이렇게 하는 데에도 Rewrite (mode_rewrite)를 정확히 이해하고 관련 기술을 적용해야 합니다.

이리 저리 고민이 많아집니다.

CDN, rewrite, minify, gzip 전송, cache 설정, 이 모든 것을 공부하고 해결하자니 과제가 첩첩 산중입니다.

좀 빠르면서도 넉넉한 트래픽을 염가로 제공받는 것이 참 쉽지가 않습니다. 가상 서버호스팅이 트래픽으론 상대적으로 여유가 있으나 이 방식을 채택하자니 서버 관리 기술을 또 공부해야합니다.

워드프레스 아바다 테마의 필수 로딩 파일과 트래픽 문제 wordpress-avada-theme-loading-file-bandwidth-traffic-03

오리 무중 첩첩산중입니다…

팁(Tip)

1. 워드프레스 최대 프리미엄 테마사이트인 타마포레스트(Themeforest) 에 계정을 먼저 등록하면 좋은 점

테마포레스트에 일단 등록(무료) 해놓으면, 거의 1~2주에 한번 씩 메일이 날라옵니다.

소식지(웹진) 형태입니다. 신규테마나 Template, 이미지 등등.

무엇이든 생각났을 때 하는 게 좋은 점도 있지만,  가끔 그 웹진 안에 이번 주의 무료 파일(테마, 템플릿, …) 소식을 알려줍니다.

보통 1주일 또는 한달 등 제한된 기간에만 무료로 다운로드 할 수 있습니다.

테마포레스트의 저작자 들이 이렇게 초창기에 무료로 배포하는 이유는, 일단 써보고 좋으면 알려달라는 뜻도 있는 것 같습니다.

 

2. 계정을 등록하는 방법

계정을 등록하는 절차는 매우 간단합니다.

Themeforest를 방문하면 다음 화면이 나옵니다.  링크를 남깁니다(이미지로도 가능).

⇒⇒⇒⇒ 새창으로 바로가기

envato-account-wordpress01
위에 Create an Envato Account 보이시죠? 누르면 다음 화면이 나옵니다.

envato-account-wordpress02
적당한 영문 닉네임을 가급적 소문자로 적은 후, 비번, 주로 쓰는 이메일 주소, 영문이름을 기입합니다.

영문 이름은 나중을 위해서 평소에 공식으로 쓰는 내 영어 이름을 그대로 쓰면 좋습니다. 추후에 혹 Paypal 계정이나 카드와 연결할 시 변경 등의 절차를 거치지 않아도 되기 때문입니다.

자동가입방지 검증문자 두단어(일련의 숫자열 두개)를 차례대로 그림처럼 입력합니다. 혹 안되면 붙여서 해보세요.

잘 안보이면 Create Account 위의 화살표로 된 “새로고침”을 눌러 잘 보일 때 까지 하면 됩니다.

Create Account 하면 끝입니다. 계정 활성화를 위해 인증 이메일이 날아 오는 지는 오래되어서 기억이 안납니다.

즐거운 워드프레스 홈페이지 만들기 생활 되시기를 바랍니다~~~^


3 thoughts on “워드프레스 아바다 테마의 필수 로딩 파일과 트래픽 문제

  1. mode_deflate 모듈이 적용되어 있지 않아도 모든 웹호스팅에서 gzip 압축을 지원합니다.

    wp super cache와 같은 캐시 플러그인을 통해서 HTML을 압축 전송하도록 설정하고,
    bwp minify 플러그인을 통해서 js, css 파일을 minify 및 압축 전송하도록 처리하면 조금 나아질 겁니다.
    거기에 추가로 .htaccess에 파일 만료 시간을 최소 한 달 이상으로 잡으면 재방문하는 사람들은 같은 파일을 다시 다운 받지 않게 되서 트래픽에 조금 도움이 됩니다.

    하지만 트래픽에서 가장 큰 비중을 차지하는 것이 이미지 부분이니만큼 이미지 부분이 해결되지 않으면 별 도움이 안될 수 있습니다. 가능하면 이미지는 피카사나 플리커등의 이미지 호스팅 서비스를 이용하는 것이 좋을겁니다. 좀 불편하기는 하지만 트래픽 소모를 획기적으로 줄일 수 있는 방법이죠.

  2. 위의 칼킨님 말씀처럼 피카사 플러그인을 쓰시는것을 적극 추천드리고 싶습니다. 결국 가장 많은 트래픽을 사용하는 것은 이미지이며 외부 CDN의 개념으로 피카사 플러그인을 쓰시면 매우 좋습니다.

    Picasa and Google Plus Express 플러그인을 추천드릴수 있으며 구글플러스가입후 피카사 계정을 이용하시면 제한사항도 거의 없다고 보실수 있습니다.

    저의 경우는 트래픽보다는 다량의 방문자로 인하여 워드프레스 내부 DB Access에 문제가 생기고는 했는데 피카사 플러그인으로 내부 DB Access 문제가 해결되었습니다.

    1일 기준으로 설정전에는 7~8만 뷰 발생시점부터 내부 DB 접속에러가 뜨고는 했는데 설정이후로는 18만 뷰도 문제가 안생겼습니다.

    좋은 해결책 찾으시기 바랍니다.

    1. 제 블로그에 방문해주셔서 감사합니다. 님의 홈페이지에 방문해봤습니다. PC에서, 모바일에서 모두. 깨끗하고 깔끔한 디자인, 잘 정리된 페이지와 포스트 구조, 모바일 화면에서 보여지는 모습, 전체적으로 완성도가 높게 잘 만들어진 홈페이지에 찬사를 보냅니다. 그리고, Picasa에 관련된 정보도 감사드립니다. SEO 문제로 외부 이미지를 안 써 왔는데 그게 해결되어 최근에 외부 CDN 서비스를 사용하려는 중 이었습니다. Bootstrap CDN(css, font woff, eot 등)도 며칠전부터 써왔는데, 홈페이지 로딩 속도에 좀 영향을 주고 있어, 며칠 후 방향을 재정리하려 합니다. Google Drive도 속도가 느리더군요. Picasa는 어떤 지 모르겠지만 일단 테스트 기간을 가져보겠습니다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

This site uses Akismet to reduce spam. Learn how your comment data is processed.