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

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

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

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

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

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

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명이면 할당된 량을 다 써버립니다.

[adsense_mo1]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

2. 계정을 등록하는 방법

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

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

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

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

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

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

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

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

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

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

관련글
워드프레스 테마 트래픽 이슈(Traffic/Bandwidth Issue) 해결 방법
워드프레스 플러그인 WP Super Cache 사용 방법
워드프레스 홈페이지 php로 css, js, html gzip 압축전송 : htaccess
이미지 압축 프로그램 GIMP – 워드프레스 블로그
이미지 압축률 비교 jpg, png, bmp 눈으로 확인