숀패밀리

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

보통 이미지 출력은 <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,596
jQuery 14년 전 조회 1.2만
PHP 14년 전 조회 4,259
jQuery 14년 전 조회 2,841
JavaScript 14년 전 조회 2,841
node.js 14년 전 조회 2,264
jQuery 14년 전 조회 3,151
Flash 14년 전 조회 3,628
node.js 14년 전 조회 3,253
PHP 14년 전 조회 8,277
PHP 14년 전 조회 3,835
jQuery 14년 전 조회 5,470
PHP 14년 전 조회 2,319
PHP 14년 전 조회 2,426
JavaScript 14년 전 조회 2,058
PHP 14년 전 조회 6,108
기타 14년 전 조회 6,699
기타 14년 전 조회 2,467
node.js 14년 전 조회 4,333
JavaScript 14년 전 조회 5,329
PHP 14년 전 조회 2,555
PHP 14년 전 조회 3,515
JavaScript 14년 전 조회 2,743
node.js 14년 전 조회 3,337
jQuery 14년 전 조회 2,785
PHP 14년 전 조회 2,350
PHP 14년 전 조회 3,543
PHP 14년 전 조회 1,784
jQuery 14년 전 조회 2,282