는이 슬라이드 쇼를 보라 :IE11에서 리소스 프리 페치가 작동하지 않는 이유는 무엇입니까?
이http://www.jungledragon.com/all/slideshow/promoted
그것은 하나 개의 큰 이미지를로드하고, 바닥에 당신이 엄지 손가락 아이콘 버튼을 전환 할 때 볼 수있는 9 개 썸네일 이미지가있다. 나는 각각의 엄지 손가락의 큰 버전에 대한 링크 프리 페치 문을 포함하고있어이 슬라이드 쇼를 최대 속도에서 테스트로
: 당신은 페이지의 소스 위의를 찾을 수 있습니다
<link rel="prefetch" [large image url 1 here]" />
<link rel="prefetch" [large image url 2 here]" />
<link rel="prefetch" [large image url 3 here]" />
<link rel="prefetch" [large image url 4 here]" />
<link rel="prefetch" [large image url 5 here]" />
<link rel="prefetch" [large image url 6 here]" />
<link rel="prefetch" [large image url 7 here]" />
<link rel="prefetch" [large image url 8 here]" />
<link rel="prefetch" [large image url 9 here]" />
이 기능을 구현 한 후에도 효과를 테스트 해 보았습니다. 테스트 명령은 간단하다 : 몇 초 동안
- 방문 슬라이드 쇼 링크
- 기다립니다 (미리로드 할 수 있도록) 다음 이미지에
- 이동 몇 번. 이 기능이 거의 즉시 작동하는 경우 프리 페칭이 성공적이었습니다. 이미지로드에 2-3 초가 걸리면 실패했음을 의미합니다.
또는 브라우저의 관리자 윈도우 인 네트워크 탭을 열고 캐시에서 검색을 미리로드 할 수도 있습니다. 이 테스트를 여러 번 수행 할 때마다 매번 캐시를 지워야합니다.
크롬은 크롬에서
결과는 탁월 발생합니다. 프리 페치 힌트는 적극적으로 수집됩니다. 그것은 얻는만큼 좋다.
파이어 폭스는 덜 적극적으로 더 천천히
파이어 폭스 프리 페치 결과. 그래도 적어도 프리 페치는 작동합니다.
IE11은 IE11 자원 프리 페치를 지원한다고 주장하지만 제로 효과가
결과. Windows 8.1/IE11에서는 이미지가 즉시로드되지 않으며 슬라이드 쇼를 탐색하기 전에 오랜 시간 기다리지 않아도 아무 것도 보이지 않습니다. IE의 dev 도구에서 네트워크 탭에 프리 페치 작업이 없다는 것을 확인할 수 있습니다.
나중에 프리 페치가 dev 도구를 열어도 작동하지 않는다는 것을 알았지 만, 닫히더라도 프리 페칭은 일어나지 않습니다. 응답 시간에서 볼 수 있습니다.
Chrome과 Firefox에서는 작동하지만 IE11에서는 작동하지 않는 이유는 무엇입니까? 잘 지원되어야하지만 제대로 작동하지 않습니다. 이는 HTTP가 아닌 HTTP 모두의 교차 도메인 가져 오기이지만 크로스 도메인 프리 페칭은 사양에 따라 작동해야합니다.
Telerik의 우수한 Fiddler 도구를 사용하여 개발자 도구의 "네트워크"탭을 사용하지 않고도 다운로드중인 이미지를 볼 수 있습니다. http://www.telerik.com/fiddler – pwdst
MSDN에서 "IE11은 최대 10 개의 프리 페치 요청을 지원합니다. 추가 요청은 무시됩니다." http://msdn.microsoft.com/en-gb/library/ie/dn265039(v=vs.85).aspx - 모든 요청 (스타일 시트, 스크립트 등)이 이미지 이전에 만들어지고 있습니까? – pwdst
@pwdst 예 (프리 페치 요청은 아님). – Ferdy