최신 브라우저는 사용되지 않은 CSS 이미지를 다운로드합니까?

브라우저는 사용하지 않는 CSS 이미지를 다운로드합니까?

CSS에서는 어떤 요소에서도 사용할 수 없는 CSS 규칙 내에서 이미지를 지정할 수 있습니다. 페이지에서. 예를 들면 다음과 같습니다.

.nothingHasThisClass {
  background: url(hugefile.png);
}

사용하지 않은 CSS 이미지가 여전히 브라우저에서 다운로드된다는 의미인가요? 대답은 특정 브라우저의 구현에 따라 다릅니다.

브라우저 종속 동작

다양한 브라우저에 대한 빠른 테스트에서는 다음 동작을 보여줍니다.

• Chrome: 사용되지 않은 이미지는 없습니다 다운로드되었습니다.
• Firefox: 사용하지 않은 이미지는 다운로드되지 않습니다
• Safari: 사용하지 않는 이미지는 다운로드되지 않습니다
• IE8: 사용되지 않은 이미지는 아닙니다 다운로드되었습니다.
• IE7: 사용하지 않은 이미지는 다운로드되지 않습니다.

그러나 IE6의 동작은 알 수 없습니다. IE6를 테스트할 수 있는 능력이 있다면 아래에 결과를 댓글로 남겨주세요.

결론

이러한 테스트에 따르면 최신 브라우저는 일반적으로 다운로드되지 않는 것으로 보입니다. 사용하지 않는 CSS 이미지를 사용하여 불필요한 네트워크 트래픽과 페이지 로드 시간을 줄입니다.

위 내용은 최신 브라우저는 사용되지 않은 CSS 이미지를 다운로드합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!