js, css 캐싱 팁

· 12년 전 · 1769
아래와 같이 스크립트로 삽입을 하면 f5, ctrl+shift+r 등에 영향을 받지 않고 계속 캐싱되어 있게 됩니다.
load.js 파일로 하나 만들어둡니다.
아래의 스크립트들은 jQuery 1.9 대응하도록 수정을 좀 한것들인데 오류가 있을 수 있습니다.
// https://developers.google.com/speed/libraries/devguide
document.write('<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">\x3C/script>');
document.write('<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js">\x3C/script>');
document.write('<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js">\x3C/script>');
document.write('<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/smoothness/jquery-ui.css" />');
document.write('<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js">\x3C/script>');
// https://css-browser-selector.googlecode.com/
document.write('<script type="text/javascript" src="//css-browser-selector.googlecode.com/git/css_browser_selector.min.js">\x3C/script>');
// https://jqueryplaceholder.googlecode.com/
document.write('<script type="text/javascript" src="//jqueryplaceholder.googlecode.com/git/jquery.placeholder-0.2.min.js">\x3C/script>');
// http://code.google.com/p/jcaret/downloads/list
document.write('<script type="text/javascript" src="//jquery-xeno-ui.googlecode.com/git/jquery/jquery.caret.min.js">\x3C/script>');
// http://archive.plugins.jquery.com/project/timers
document.write('<script type="text/javascript" src="//jquery-xeno-ui.googlecode.com/git/jquery/jquery.timers.min.js">\x3C/script>');
// https://github.com/brandonaaron/jquery-mousewheel/downloads
document.write('<script type="text/javascript" src="//jquery-xeno-ui.googlecode.com/git/jquery/jquery.mousewheel.min.js">\x3C/script>');
// http://www.dillerdesign.com/experiment/DD_belatedPNG/
if(window.CSSBS_ie6) {
    document.write('<script type="text/javascript" src="//jquery-xeno-ui.googlecode.com/git/DD_belatedPNG_0.0.8a.min.js">\x3C/script>');
    DD_belatedPNG.fix('.iepng');
}
// http://leandrovieira.com/projects/jquery/lightbox/
document.write('<script type="text/javascript" src="//jquery-xeno-ui.googlecode.com/git/lightbox/jquery.lightbox-0.5.min.js">\x3C/script>');
document.write('<link rel="stylesheet" type="text/css" href="//jquery-xeno-ui.googlecode.com/git/lightbox/jquery.lightbox-0.5.min.css" />');
// http://www.ama3.com/anytime/
document.write('<script type="text/javascript" src="//jquery-xeno-ui.googlecode.com/git/anytime/anytime.min.js">\x3C/script>');
document.write('<script type="text/javascript" src="//jquery-xeno-ui.googlecode.com/git/anytime/anytimetz.min.js">\x3C/script>');
document.write('<link rel="stylesheet" type="text/css" href="//jquery-xeno-ui.googlecode.com/git/anytime/anytime.min.css" />');

 

첨부파일

js, css 캐싱 팁.txt (2.9 KB) 13회 2013-11-23 11:03
|
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 3,631
12년 전 조회 2,453
12년 전 조회 2,216
12년 전 조회 2,349
12년 전 조회 7,586
12년 전 조회 2,063
12년 전 조회 1,805
12년 전 조회 1,300
12년 전 조회 1,390
12년 전 조회 3,087
12년 전 조회 2,397
12년 전 조회 1,940
12년 전 조회 1,770
12년 전 조회 1,859
12년 전 조회 1,468
12년 전 조회 3,185
12년 전 조회 2,269
12년 전 조회 1,736
12년 전 조회 4,061
12년 전 조회 1,374
12년 전 조회 1,819
12년 전 조회 1,203
12년 전 조회 2,878
12년 전 조회 3,695
12년 전 조회 4,568