이미지를 관리하여 페이지로드를 줄이는 방법은 무엇입니까?

Question

내 페이지에 30 개 이상의 이미지를 요청하고 있습니다.

페이지 로딩 시간은 거의 25 초입니다.

로드 시간을 줄이는 방법.

이미지 크기를 최소화하고 더 빠르게 다운로드 할 수있는 방법이 있습니까?

각 이미지는 25KB이며 각 이미지는 약 5.5 초입니다.

내 페이지의 모든 이미지를 표시해야합니다.

Answer 1

이미지 크기와 페이지로드 시간을 줄이려면 JPEGCompressor 또는 Gimp와 같은 오픈 소스 소프트웨어와 같은 소프트웨어를 사용하여 이미지를 압축 할 수 있습니다.

Answer 2

이미지 크기를 줄이는 것 외에 웹 페이지를 더 빨리로드하는 데 도움이되는 몇 가지 기술이 있습니다. 이것 좀 봐주십시오

10 Quick Tips For Making Your Large Graphics Load Faster

를 그리고 가능하다면 당신은 이미지, 애니메이션, 스크립트 및

다른 사람이 말 외에도

Answer 3

스타일 시트와 같은 리소스에 대해 별도의 서버를 사용할 수 있습니다, CSS Image sprites을 사용해보세요. 이렇게하면 서버 요청 수와 페이지 로딩 시간이 줄어 듭니다.

그냥 당신이 CSS 이미지 스프라이트를 사용하는 일반적인 실수를하지 않도록 확인

잘못된 방법

.element1 { background:url('img.jpg') 10px 10px no-repeat; } 
.element2 { background:url('img.jpg') 20px 20px no-repeat; } 

<div class="element1"></div> 
<div class="element2"></div> 

이 여전히 같은 이미지에 대한 2 개 개의 다른 서버 요청을 할 것입니다.

이 서버 만 한 요청을 만들 것입니다

.cssSprite { 
    background:url('img.jpg'); 
    background-repeat: no-repeat; 
} 
.element1 { background-position: 10px 10px; } 
.element2 { background-position: 20px 20px; } 

<div class="cssSprite element1"></div> 
<div class="cssSprite element2"></div> 

올바른 방법.