야후 콤보 핸들러란


야후! 콤보핸들러는 YUI(야후! 사용자 인터페이스)를 CDN (Content Delivery Network:컨텐츠 전송 네트워크)에서 배포하기 위해 개발되었습니다.


YUI 파일을 웹사이트에서 이용하려면 콤보 핸들러 뒤에 파일을 쓰면 되고, 쓸 수 있는 파일 수에는 제한이 없습니다.


예를 들어 다음 URL은 파일 두 개를 불러옵니다.


http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoo-min.js&2.7.0/build/event/event-min.js


이 URL은 yahoo-min.js 파일과 event-min.js 파일의 2.7.0 버전을 불러옵니다. 이 파일은 서버에 따로 저장되어 있지만, 이 URL을 요청할 때 하나로 합쳐집니다.



사용목적


파일수만큼 http 요청을 하는 것이 아니라 한번의 http 요청으로 여러개의 파일을 다운받을 수 있기 때문에 다수의 http 요청에 의해 발생하는 오버헤드를 줄여 페이지 로딩 속도를 줄일 수 있습니다.



테스트


크롬 브라우저에서 개발자도구로 테스트를 해보니 다른 도메인의 JS 파일은 다운로드 되지 않는 것을 확인됨 (야후 CDN 사용시만 가능한듯)

동일한 URL 호출 시 http response code 304가 리턴 되어 캐시된 컨텐츠로 대체됨



구현 


타도메인의 파일들은 동작되지 않고, 야후에서 제공하는 서비스가 언제 중단될지 모르는 것이기 때문에 동일한 기능의 서비스를 자체적으로 구현하여야 할 듯 합니다. 보안을 고려하여 다운받을 수 있는 파일을 제한하고, 컨텐츠 변경 시 캐시를 사용하지 않는 부분은 유의하여야 할 점인 것 같습니다.

'IT > Javascript' 카테고리의 다른 글

jQuery selector 정리  (0) 2015.11.07
jQuery Scroll Stop 감지하기  (1) 2015.09.24
Image 로딩 확인 후 Height값 구하기  (0) 2015.06.10

WRITTEN BY
Dukejin
If you don't walk today, you will have to run tomorrow. Try hard, Try hard!

,