본문 바로가기

HTML

css 파일이 캐시로 인해 업데이트 안될때...


<link href="style.css?v=<?=filemtime('./style.css')?>" rel="stylesheet" type="text/css" />


위같이 파일 수정시간을 변수로 넣어주면 웹브라우져가 css파일을 새로운 파일로 인식하고 웹브라우져가 서버에서 파일을 다시 가져온다.


랜덤한값을 변수로 넣는 경우에는, 매번 css파일을 새로 불러오기 때문에 웹페이지 로딩에 영향을 미친다.


특히 스타일에서 백그라운드 이미지등으로 이미지를 보여주는 부분이 있을경우, 


해당 이미지는 매번 새로 다운을 받기 때문에, 로딩속도에 영향을 적게미친다 할수 없을것이다.


그러므로 css파일이 수정되었을때만 새로 받아오게 하기 위해 filemtime 사용을 추천한다.



'HTML' 카테고리의 다른 글

플래시에서 외부변수 받기  (0) 2010.08.13
스크롤 따라다니는 레이어  (1) 2010.01.13
한줄 안에서 서로 정렬을 다르게 지정  (0) 2009.05.20
이미지와 텍스트 정렬시  (0) 2009.05.20
동영상 컨트롤러 샘플  (0) 2009.05.20