2013-03-05 1 views
2

스프라이트 사용은 HTTP 요청을 저장하므로 페이지로드가 빨라진다는 것을 알고 있습니다.jQuery 슬라이더에 스프라이트를 사용해야합니까?

어떻게 jQuery 슬라이더와 관련이 있습니까? jQuery 슬라이더가 페이지의 모든 이미지를로드하거나 필요에 따라로드합니까? jQuery 슬라이더에 스프라이트를 사용할 수 있습니까?

사람이 궁금해하는 경우, 내가 사용하고있는 슬라이더는 다음과 같습니다 https://github.com/maelstrom/SecretSource

기본 HTML이 :

   <div id="banner-fade" class="responsive-container img-polaroid"> 
       <ul class="slideshow"> 
        <li><img src="img/slider/image1.jpg" alt=""></li> 
        <li><img src="img/slider/image2.jpg" alt=""></li> 
        <li><img src="img/slider/image3.jpg" alt=""></li> 
       </ul> 
      </div> 
+0

저에게 도움이되는 것은 아닙니다. 처음 방문했을 때 이미지로드가 느려지고 방문자가 사이트를 떠나게 만들고 이미지 크기를 간단하게 맞춤 설정하여 더 빨리로드 할 수 있기 때문에 도움이되지 않습니다. – jhunlio

답변

2

는이 jQuery를 슬라이더와 아무 상관이있다, 당신의 HTML에있는 모든 이미지에 건가요 가져올 수 있습니다. 따라서 스프라이트를 사용하는 경우 세 가지 별도 요청 대신 세 가지 이미지에 대해 한 번만 요청하게됩니다. 가능한가? 예. 추천? 아마도 이미지를 배치해야하기 때문에 HTTP 요청을 최소화하고 HTML을 약간 더 어렵게 만들고 싶습니까?

스프라이트를 만들면 별도의 이미지를 병렬로 다운로드 할 수 없음을 기억하십시오.

결국, 아무도 당신이 항상 그것을 한 가지 방법으로 말할 수 없다, 당신은 장단점을 가중시켜야한다. 이 경우 네트워크 연결을 저장하기 위해 세 이미지를 스프라이트에 넣지 만 다른 누군가는 병렬 다운로드의 이점을 선호 할 수 있습니다.

+1

당신의 목표가 훌륭한 사용자 경험을 제공하는 빠른 웹 사이트를 갖는 것이라면, 모든 이미지를 하나의 큰 이미지로 배치하고 필요한 모든 것을 배치 하시겠습니까? 아니면 아직 이해하지 못하는 이유로 나쁜 생각입니까? –

+0

모든 이미지를 하나의 스프라이트로 유지하려고하면 유지 보수가 어려워 질 수 있습니다. 또한 사용자가 강제로 모든 이미지를 전역 이미지 스프라이트 형태로 불러 오기를 원하지는 않습니다. 당신은 균형을 잡고, 스프라이트에 함께 모인 이미지를 넣어야합니다. 하나의 요청은 원하지 않지만 너무 많이 원하지는 않습니다. –

+0

위대한, 당신의 도움을 주셔서 감사합니다. 나는 하나 이상의 요소가 동시에 병렬로 다운로드 될 수 있다는 것을 깨닫지 못했다. 그것은 마치 세계적인 스프라이트보다 빠르며 훨씬 쉬울 것 같습니다. –