컴퓨터를 멈추지 않고이 작업을 수행 할 수있는 방법이 있습니까?한 페이지에 많은 양의 이미지를 표시 하시겠습니까?
저는 컴퓨터와 브라우저의 내부에 대해 많이 알지 못하므로 페이지의 많은 이미지가 너무 많은 CPU를 차지하지 않습니다. 내 첫 번째 생각은 어쨌든 페이지에 표시되지 않는 이미지를 숨기는 것이 었습니다. 과거에 스크롤되었거나 아직 스크롤되지 않은 것들.
그림 대신 jsfiddle 샘플을 무작위로 색칠했지만 화면을 상하로 스크롤하면 내 컴퓨터 소리가 이륙하는 것처럼 들립니다.
CPU를 차지하는 모든 사진은 무엇입니까? 그것을 피할 수 있습니까?
질문은 일반적으로 저장할 수있는 대역폭의 양에 관한 문제가 아닙니다. 웹 페이지를 렌더링하는 데 필요한 HTTP 요청 수를 줄이는 것에 관한 것입니다. 작은 내용을 얻을 요청을 많이 할 때
는 시간이 걸립니다 무엇
this을 참조하십시오 (이미지, 아이콘처럼, 등) 서버에 여러 왕복입니다 : 당신이 기다리는 시간을 보내는 결국 요청을 보내고, 서버가 응답하도록 요청합니다. 대신이 시간을 사용하여 데이터를 다운로드하십시오.
적은 HTTP 요청 = 빠른 로딩 전체
우리가 요청의 수를 최소화 할 수 있다면, 우리는 서버에 여행의 수를 최소화하고, 우리가 더 큰 파일을 다운로드 (우리의 높이 - 스피드 연결 더 나은 사용 , 많은 작은 것들을 기다리는 대신에).
그래서 CSS 스프라이트가 사용됩니다. 당신은 또한 lazy load
감사를 사용할 수 있습니다 이보다 CSS Sprites: Image Slicing’s Kiss of Death
다른,하지만 난 이미지가 캐시 된 이후에 대해서 이야기 :
는 더 많은 정보를 들어, 예를 들어 봐, 할 수 있습니다. 나는 또한 내용을 통제하지 않는다. – mowwwalker