웹 사이트를 더 빨리 다운로드하려면 저품질 이미지를 먼저로드하는 방법?

Question

Asp.net MVC3 웹 응용 프로그램에서 일하고 있습니다. 한 페이지에 appx가 있습니다. 여러 크기의 100 이미지가 총 appx로로드됩니다. 크기는 1.5MB입니다.

이 이미지를 여러 호스트 이름으로 배포하여 나중에 더 빨리로드 할 수 있도록 노력하겠습니다. 하지만 지금은 이미지로드 속도를 최적화하는 데 도움이 필요합니다. 그리고 난 정말 이러한 이미지에 대한 스프 라이트를 사용할 수 없습니다.

저는 첫 번째로드에서 저하 된 이미지를로드하고 점점 더 많은 바이트가 다운로드됨에 따라 점차 이미지 품질을 향상시킬 수있는 기능을 구현하는 데 관심이 있습니다. 따라서 기본적으로 저품질 이미지를 먼저로드 한 다음 더 많은 바이트를 다운로드하면 이미지 품질이 향상됩니다.

업데이트 : 나는 그것이 매우 까까 머리의 모양과 더 다운로드로 그들의 품질은 시간이 지남에 향상 처음에 의미 이미지가 정상적으로로드되는 여러 웹 사이트를 보았다 .

어떻게 처리합니까?

Answer 1

는 인터레이스 사용할 수 JPEG하고 있지만 나는 이미지가 적절하게 최적화되어 있는지 확인하는 것이 더 경사 것, 내가 귀찮게 거라고 확실하지 않다과 사용 호스트 이름을로드 할 올바른 번호.

JPEG를 최적화하려면 jpegmini.com이 현재 최적의 최적화 도구 일 것입니다.

몇 가지 호스트 이름을 통해 이미지를 조각 낼 수 있습니다 (올바른 번호를 선택하는 것이 재미있을 것입니다. 여섯 명의 사람들이 YMMV를 사용하는 것이 가장 좋다고 들었습니다. 계속 사용 중이라면 실제로 좋지 않을 수도 있습니다.) 많은 도메인을 사용하는 것)

호스트 이름을 사용하면 처음 6 자 (?)의 이미지가 다음 호스트의 이미지와 같게됩니다. 모든 호스트 이름을 입력 한 다음 처음부터 다시 시작하십시오. (일반적으로 브라우저에서 유지하는 병렬 연결 수는 6 개이므로 방문자가 사용하는 브라우저에 따라 4 개를 사용할 수도 있습니다.)

위로 가기 정보가 누락 될 수 있도록 점진적으로 페이지를 렌더링해야합니다. 스크롤없이 볼 수있는 부분 앞에 표시됩니다.

Answer 2

위로 전화 걸기 날짜에 IMG 태그의 LOWSRC 속성을 사용하여 최종 이미지의 저 색 GIF 버전을 가리 킵니다. 당신은 여전히 ​​그것을 사용할 수 있습니다.

<IMG HEIGHT="212" WIDTH="300" ALT="Phydueaux the Cat" SRC="cat.gif" LOWSRC="bwcat.gif"> 

참조 : 이미지를 가정하면 http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3479971/So-You-Want-LowSrc-Huh.htm