숀패밀리

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

보통 이미지 출력은 <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 요청은 줄을것 같은데 페이지 용량은 커질것 같습니다.
음. 어느정도 차이가 나는지 설명해주시면 이해가 빠르겠네요. ㅎ
전혀 효과 엇음
data:image 로 오는 데이터는 브라우저가 캐쉬가 안됨.
감사합니다 ㅎㅎㅎㅎㅎㅎㅎ
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
Flash 14년 전 조회 2,520
PHP 14년 전 조회 2,593
jQuery 14년 전 조회 1.2만
PHP 14년 전 조회 4,258
jQuery 14년 전 조회 2,841
JavaScript 14년 전 조회 2,840
node.js 14년 전 조회 2,263
jQuery 14년 전 조회 3,151
Flash 14년 전 조회 3,628
node.js 14년 전 조회 3,253
PHP 14년 전 조회 8,276
PHP 14년 전 조회 3,834
jQuery 14년 전 조회 5,469
PHP 14년 전 조회 2,319
PHP 14년 전 조회 2,425
JavaScript 14년 전 조회 2,057
PHP 14년 전 조회 6,106
기타 14년 전 조회 6,697
기타 14년 전 조회 2,467
node.js 14년 전 조회 4,332
JavaScript 14년 전 조회 5,329
PHP 14년 전 조회 2,554
PHP 14년 전 조회 3,514
JavaScript 14년 전 조회 2,743
node.js 14년 전 조회 3,337
jQuery 14년 전 조회 2,785
PHP 14년 전 조회 2,350
PHP 14년 전 조회 3,542
PHP 14년 전 조회 1,783
jQuery 14년 전 조회 2,280