XE 공식 자료실

제작자
기진곰
등록일
2015-05-21
다운로드 수
1,263
링크2
kijin/xe-zipperupper

XE의 각 모듈과 애드온, 위젯 등이 사용하는 수많은 CSS 및 JS 레퍼런스들을 각각 하나의 파일로 모아 주는 애드온입니다. 페이지 로딩 속도를 향상하고, IE10 미만의 CSS 레퍼런스 31개 제한을 우회하는 데 도움이 될 수도 있습니다.

라이선스
LGPL v2
설치경로
./addons/zipperupper
최초 등록일
2015-05-17
전체 다운로드
1,574
체험하기

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

상세 설명

XE의 각 모듈과 애드온, 위젯 등이 사용하는 수많은 CSS 및 JS 레퍼런스들을 각각 하나의 파일로 모아 주는 애드온입니다. 페이지 로딩 속도를 향상하고, IE10 미만의 CSS 레퍼런스 31개 제한을 우회하는 데 도움이 될 수도 있습니다.

head 부분의 CSS 및 JS 레퍼런스만 처리되며, body 부분에는 적용되지 않습니다. 하드코딩된 레퍼런스, 사이트 외부의 링크, 그 밖의 몇 가지 이유로 자동으로 모으기에 부적합한 파일은 제외될 수도 있습니다.

배경 이미지, 웹폰트 등을 지정하기 위해 url() 구문으로 상대경로를 지정할 경우, 모아진 파일 기준의 상대경로로 자동 변환됩니다.

CSS의 경우 media 속성 또는 targetie 속성이 주어진 레퍼런스는 제외됩니다. JS의 경우 targetie 속성이 있더라도 정상적으로 모아지며, 해당 파일은 지정된 IE 버전에서만 실행되도록 자동 조치됩니다.

모아진 파일은 자동으로 캐싱되며, 원본 파일이 업데이트되었거나 파일 목록이 변경된 경우에만 다시 작성합니다.

XE 1.8 이상, PHP 5.3 이상이 필요합니다.

애드온 설정 페이지에서 CSS만 모을지, CSS와 JS를 모두 모을지 선택할 수 있습니다. 다른 스크립트와의 호환성 문제가 발생하는 경우 CSS만 모으도록 선택하시기 바랍니다.

사이트 개발 도중에 사용하면 디버깅이 어려울 수 있으니 주의하십시오.

 

[변경내역]

v0.1: 최초 배포

v0.2: 합칠 대상을 선택할 수 있도록 하고, data: 형식으로 포함된 이미지 및 웹폰트 처리 개선

v0.3: 합칠 파일에 UTF-8 BOM이 있는 경우 오류가 발생하지 않도록 고침

 

 

포럼 5

로그인 후 작성할 수 있습니다.
  • 2015-09-08 00:45:14 꾸링

    1.7 버전대에 과감히 도전해봤습니다~!!
    PHP는 5.3이구요..

    잘되네요~~ 다만 JS사용은 .. 본문에 jwplayer를 뿌려주는데

    JS사용도 하니까 안나와서 JS부분은 포기했네요 lol

  • 2015-08-14 14:11:57 socialskyo

    이거 하면 구글 페이지 인사이트에서 점수가 올라가요 ^^. 실제로 빨라진거 같기도 하고요

  • 2015-06-03 13:09:22 제작자 기진곰

    모든 CSS 파일이 하나로 합쳐지는 경우에는 문제가 없습니다. 그러나 외부에서 로딩하거나 별도의 media 속성 때문에 합치기 곤란한 파일이 있을 때는 적용 순서가 변경될 수 있으니 주의하시기 바랍니다.

  • 2015-06-01 22:35:23 불금

    해당 애드온을 이용하실때 주의점이 있습니다.

    다른 css에 따라 디자인이 뭉개질수 있는데
    그거는 따로 !important 처리하셔서 예방하시거나 해결하셔야 하겠네요.

    이거 때문에 일부 레이아웃이 깨진다고는 생각도 못했네요..

  • 2015-06-01 10:57:13 윤여

    애드온을 사용하고 싶은데 외부에서 불러오는 폰트( 구글 웹폰트 )는 이 애드온 사용할 때는 폰트 적용이 안되더라구요 방법이 없을까요?