숀패밀리

이미지주소 인코딩으로 페이지로딩시간 절약하기

· 2011-12-05 (월) 12:52:57 · 1042 · 4
보통 이미지 출력은 <img src="test.gif" border="0"> 입니다
 
이것을 php로 출력할때  url을 base64 인코딩해주면 http요청을 줄이고 로딩시간을 빠르게 할수 있습니다
전체 페이지에 적용한다면 효율적일것 같습니다   페이지 또는 스타일에 적용하면 됩니다
 
페이지
<img src="data:image/gif;base64,<?php echo base64_encode(file_get_contents("test.gif")); ?>">
 
스타일
background: url("data:image/gif;base64,<?php echo base64_encode(file_get_contents("test.gif")); ?>")
|

댓글 4개

네에 좋은 내용같습니다.

그런데 http 요청은 줄을것 같은데 페이지 용량은 커질것 같습니다.
음. 어느정도 차이가 나는지 설명해주시면 이해가 빠르겠네요. ㅎ
2011-12-06 (화) 16:48:15
전혀 효과 엇음
data:image 로 오는 데이터는 브라우저가 캐쉬가 안됨.
2011-12-19 (월) 14:59:52
감사합니다 ㅎㅎㅎㅎㅎㅎㅎ
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

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

+
제목 글쓴이 날짜 조회
12-02-06 조회 1,966
12-01-18 조회 1,008
12-01-06 조회 1,316
11-12-30 조회 1,789
11-12-30 조회 4,577
11-12-21 조회 1,070
11-12-21 조회 2,076
11-12-16 조회 966
11-12-15 조회 1,079
11-12-15 조회 1,164
11-12-15 조회 2,041
11-12-09 조회 1,004
11-12-09 조회 952
11-12-07 조회 713
11-12-07 조회 1,717
11-12-05 조회 2,215
11-12-02 조회 1,499
11-12-01 조회 648
11-12-01 조회 724
11-12-01 조회 737