XE 공식 자료실

제작자
라르게덴
등록일
2010-08-12
다운로드 수
489
링크1
www.animeclub.net

yahoo사의 YSlow 최적화 규칙 중 Use cookie-free domains를 만족시켜주는 애드온 입니다.

라이선스
GPL v2
설치경로
./addons/cookie-free_domains
최초 등록일
2010-08-12
전체 다운로드
1,386
체험하기

쉬운설치로 바로 체험할 수 있습니다

상세 설명

cookie_free_domains.jpg 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 같은 서브도메인의 경우는 도메인이 하나뿐이기 때문에 이 애드온은 사용하실 수 없습니다.

설치방법

  1. 첨부파일을 다운로드해서 압축을 풀면 cookie-free_domains라는 폴더가 나온다(폴더 생성으로 풀지말고 바로 푸세요)
  2. FTP나 설치된 XE의 addons 폴더안에 해당 폴더를 복사한다.
  3. 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의 최적화 점수가 올라갑니다.

포럼 0

로그인 후 작성할 수 있습니다.