SVG로 네트워크 (xhr) 호출을 방지 하시겠습니까?

내 HTML 파일에 일부 SVG 이미지를 포함하고 싶습니다. 나는 ReactJS 을 사용하고 있습니다.이 태그들은 <img> 태그를 사용하여 포함하고 있습니다. 예상대로 이제 SVG로 네트워크 (xhr) 호출을 방지 하시겠습니까?

<img src="path_to_svg"></img>

이러한 이미지의 각

는 XHR 네트워크 요청을 일으키는 원인이된다. 성능 및 보안 문제에 대한 XHR 요청을 방지하고 싶습니다.

이것을 달성하는 가장 좋은 방법은 무엇입니까? SVG 코드를 Base64로 변환하는 것을 고려해야하고 배경으로 CSS를 포함해야합니까?

왜 성능 및 보안 문제가 있습니까? 결과가 동일 할 이유가 없습니다. –

@RobertLongson 그래서 기본적으로 나는 특정한 이유로 네트워크 호출을 막고 싶다. –

두 가지 옵션은 이미지에 data URIs을 사용하거나 sprite sheets을 사용하는 것입니다.

데이터 URI의 문제는 이미지가 캐시 된 문서 (HTML 파일 또는 CSS 파일)가 아닌 이상 캐시되지 않는다는 것입니다. 그러나 할 수있는 일이 있습니다 to help with that.

스프라이트 시트 솔루션으로 모든 네트워크 호출이 차단되는 것은 아니지만 실행 가능한 옵션 인 경우 스프라이트 시트 솔루션으로 하나만 제한됩니다.

2016-06-29 20:06:05 jaybee

답변