2014-04-22 1 views
0

웹 사이트의 페이지 속도와 관련하여 질문이 있습니다. 페이지의 3 가지 다른 위치에서 사용하는 100k의 원래 크기로 사진이 있습니다. 그리고 3 개의 다른 위치에서 그림의 크기가 다릅니다. 3 위치의 가장 큰 크기는 100k 사진입니다. Chrome 페이지 속도를 실행하면 크기가 작은 다른 두 위치의 이미지를 제공하는 것이 좋습니다.Page Speed ​​작은 페이지 크기 대 Dom 요소 수

그림이 서버의 이미지를 3 번 ​​또는 한 번 가져 오는 3 개의 그림 위치에 100K의 크기가 1 개만 있는지 묻고 싶습니다.

이 질문은 이제 확장 된 이미지를 제공하고 더 많은 DOM 요소를 가져야하지만 페이지 크기를 줄이거 나 아니면 100K 이미지를 제공하고 브라우저에서 한 번만 가져와야합니까?

스케일링 된 이미지를 제공하려면 브라우저가 서버에서 동일한 이미지의 3 가지 다른 크기를 요청해야합니다. 그러면 이미지를 줄이기보다는로드 시간이 길어질 수 있습니다.

+0

이것은 웹 개발에 대한 질문입니다. –

답변

0

캐시 할 수있는 이미지를 제공하는 한 (기본값) 브라우저는 한 번만 다운로드합니다. 따라서 한 이미지 버전 만 참조하는 것이 좋습니다.

+0

로저, 무슨 뜻인지 이해해. 나는 다른 크기의 동일한 이미지를 시도하고 그것이 단지 1 크기를 얻는 것보다 느리다는 것을 깨닫는다. – user3540871