XpressEngine에 관련 내용에 대해서 이야기 합니다.
Use cookie-free domains 애드온
yahoo사의 YSlow 최적화 규칙 중 Use cookie-free domains를 만족시켜주는 애드온 입니다.
YSlow는 웹페이지의 성능이 빨라지기 위해 필요한 방법이고요. 해당 조건을 만족하게 되면 웹페이지 속도가 소폭향상되며 YSlow의 최적화 점수가 올라갑니다. 경우에 따라서는 CDN 처리용으로도 사용할 수 있는 애드온 입니다.
출력되는 모든 image파일의 경로를 다른 도메인으로부터 불러오게 경로변경을 해줍니다.
한곳에서의 처리로 인한 부담을 덜고 성능을 소폭향상시킬 수 있습니다.
css,js 로딩에도 수동적용하게 되면 더 나은 속도향상을 체감할 수 있습니다.(밑에 설명)
Ver1.0
설치요소
Use cookie-free domains 애드온
설치조건
두개이상의 도메인을 보유하고 계셔야 합니다. 두개란 www가 있고 없는 것도 포함 됩니다.
http://계정.호스팅.com 같은 서브도메인의 경우는 도메인이 하나뿐이기 때문에 이 애드온은 사용하실 수 없습니다.
설치방법
- 첨부파일을 다운로드해서 압축을 풀면 cookie-free_domains라는 폴더가 나온다(폴더 생성으로 풀지말고 바로 푸세요)
- FTP나 설치된 XE의 addons 폴더안에 해당 폴더를 복사한다.
- XE 관리자페이지 애드온 설정에서 Use cookie-free domains Addon을 찾으세요.
설정방법
- A 도메인
변경할 대상의 도메인을 적어주세요. 보통은 현재 도메인을 적어주시면 됩니다.(예 http://www.도메인.com )
단, http://www.도메인.com/xe 같이 뒤에 폴더가 붙는경우도 도메인명만 적어주세요.
- B 도메인
image를 로딩할때 사용할 도메인을 적어주세요. A랑 달라야 합니다.
css,js도 사용하려면 common/tpl/common_layout.html에서 각 css,js로딩 태그안의 src,href에 src="{$cookie_free_domains}{$js_file['file']}"로 수동 입력하셔야 합니다.
- A,B 둘다 공란일 경우 도메인에 www가 있고 없고의 상태로 서로 변환합니다.
- A만 있고 B를 적지 않으시면 동작하지 않습니다.
- B만 있고 A가 없을 경우 모든 서브도메인, 가상도메인은 B의 도메인으로 변경됩니다.
- A,B 둘다 있을 경우 서로 변경합니다. 그외의 도메인은 모두 B로 변경됩니다.
- 본문 이미지 제외
Y일 경우 게시물 본문에 대하여 이미지 경로의 도메인 변경을 하지 않습니다. 해당 기능이 있는 이유는 테스트결과 cooliris 같은 특수한 기능연동의 경우 도메인 여하에 따라 반영이 안되기 때문입니다.
- 섬네일 이미지 제외
Y일 경우 포럼스킨, 겔러리 스킨 각종 섬네일 출력 이미지 경로의 도메인 변경을 하지 않습니다. 이유는 위와 동일합니다.
- image,css,js의 경로를 다른 도메인으로 바꿔서 로딩하게되면 요청 자료의 용량을 다른 타 경로로부터 받아오게하는 분산 효과를 얻을 수 있습니다.
- 경우에 따라서는 이미지 CDN 서비스를 이용하실때 files/cache폴더와 각 이미지 경로를 동일 적용하시고 사용하시면 CDN에 의한 캐쉬효과도 가능하겠습니다.(테스트는 CDN서비스를 받고있지 않아 못했고요. 이론상...)
- http://gtmetrix.com/ 또는 http://developer.yahoo.com/yslow/에서 설명되는 firefox YSlow add-on, firebug add-on을 설치하여 성능내용을 분석하실 수 있습니다.
- 보다 더 빠른 성능을 위해서는 YSlow에서는 Javascript의 js로딩을 body 태그가 끝나기 바로 전에 넣으라고 되어있습니다만 XE의 규칙이 있기 때문에 그렇게까지 밑으로는 못내리고 <body> 태그 바로밑에 js, javascript문을 내리시면 성능향상 및 YSlow의 최적화 점수가 올라갑니다.
