웹 사이트에서 이미지로드를 개선하기 위해이를 수행하십시오

다음 비디오에서 Jen Simmons는 width 과 height 특성을 사용하여 이미지 로딩 속도를 향상시키는 방법을 설명합니다. 문제는 브라우저가 이미지 리소스를 성공적으로 다운로드하기 전에 이미지가 처음로드 될 때 지연이 발생한다는 것입니다. <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174433873873361.png" class="lazy" alt="웹 사이트에서 이미지로드를 개선하기 위해이를 수행하십시오"> Firefox와 Chrome은 이제 CSS에서 유체 폭을 사용하여 높이가 알려지지 않더라도 그림 하중 전에 이러한 값을 고려하고 모든 지연을 제거하기 때문입니다. 즉, 이미지가로드되지 않더라도 내용은 항상 같은 위치에 남아 있습니다. 과거에는이 말더듬을 방지하기 위해 많은 프로젝트에서 더 낮은 페이지에 이미지를 배치했습니다. 나는 이것이이 문제를 매우 잘 해결한다고 생각한다.

위 내용은 웹 사이트에서 이미지로드를 개선하기 위해이를 수행하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!