Base64 인코딩 캐싱

Question

일부 웹 사이트에서 일부 이미지 (그래픽) 및 엄지 손가락으로 Base64 인코딩을 사용할지 여부를 결정하려고하지만 결정을 내리는 동안 효율성 문제에 대한 답변을 찾을 수 없습니다.

이 내 이론이다하지만 난 도움이 필요하다 완전히 확인하기 위해이 지역에 충분한 지식이없는 :

포함 된 base64로 이미지의 사용은 HTTP 요청의 수를 줄이고, 상대적으로 30 %의 파일 크기를 증가시킵니다. 작은 이미지/그래픽에서는 괜찮지 만 이러한 이미지는 캐시되지 않습니다. 그러나 이러한 base64 이미지를 CSS 파일에 포함 시키면 캐싱되지만 하나의 파일 (CSS).

내가 잘못했는지, 내가 틀린 지, 아니면 여기에서 중요한 것이 빠졌는지 알아야합니다.

[편집]

나는 Data URI scheme에 대한 구글에서 내 키워드를 변경하는 매우 유용한 정보를 발견했다.

Answer 1

언제나 함께로드되는 작은 이미지가 많은 경우 스프라이트를 살펴 봐야합니다. 스프라이트를 사용하면 하나의 요청에 대한 오버 헤드가 발생하지만 base64 코딩의 오버 헤드는 느슨합니다 (33 % 더 많은 트래픽). 따라서 스프라이트가 응답 헤더보다 3 배 큰 경우 대역폭이 절약됩니다.

임의의 많은 작은 이미지가있는 경우 base64 코딩을 사용하십시오.