`display:none`이 실제로 이미지 로딩을 방해하나요?

이미지 로딩에 대한 "display:none"의 영향

많은 반응형 웹사이트 개발 튜토리얼에서는 "display:none" CSS 속성을 사용하여 다음을 수행할 것을 제안합니다. 콘텐츠가 모바일 브라우저에 표시되지 않도록 숨겨 웹사이트 로딩 시간을 단축합니다. 그러나 "display:none"이 실제로 이미지 로드를 방지합니까?

"display:none"이 이미지 로드를 중지합니까?

브라우저가 더욱 정교해졌습니다. 현재 버전에 따라 브라우저에서 관련성이 없다고 판단되면 이미지 로드를 중단할 수 있습니다.

이미지에 "display:none" 스타일이 할당되어 있어도 해당 크기는 여전히 스크립트를 통해 액세스할 수 있습니다. 상위 요소가 숨겨진 경우 Chrome 버전 68.0에서는 이미지 로드를 생략합니다.

"display:none"의 대안

특별히 이미지 로드를 방지하려면, 다음 기술을 고려하십시오.

• 에서 IMG 요소를 생략합니다. document.
• IMG src 속성을 "data:" 또는 "about:blank"로 설정합니다.

"display:none"의 제한 사항

"display: none"은 초기 화면에 표시되는 이미지와 지연 로드되지 않는 이미지에는 효과적이지 않을 수 있습니다. 이미지가 로드되지만 표시되지는 않습니다.

위 내용은 `display:none`이 실제로 이미지 로딩을 방해하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!