IE 사이트 탐색 페이지 깜박임

그래서 사이트 탐색시 내 페이지가 깜박 거리는 문제가 발생했습니다. IE에서 헤더의 링크를 클릭하면 페이지가 렌더링 전에 흰색으로 잠시 깜박입니다. 이것은 IE (현재 버전 11을 사용)에서만 발생하지만 Chrome 및 Firefox에서는 잘 캐시 된 것으로 보입니다.IE 사이트 탐색 페이지 깜박임

여기 링크는 Kelsey's Kreations입니다. 나는 "페이지-입력"시도했습니다

... 
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> 
    <script src="../js/header.js"></script> 
</body>

: 내 페이지의 맨 아래에있는 코드를 여기에

<head> 
    <title>Flavors - Kelsey's Kreations</title> 

    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"> 
    <!--[if IE]><script>document.createElement('main');</script><![endif]--> 

    <script src="http://use.typekit.net/dxe8zqc.js"></script> 
    <script>try{Typekit.load();}catch(e){}</script> 

    <link rel="stylesheet" href="../css/style.css"> 
    <link rel="stylesheet" href="../css/fa.css"> 

</head>

됩니다 : 여기

내 페이지의 머리에 코드입니다 해킹하지만 IE9에서 사용되지 않는 것으로 보입니다.

js를 페이지의 아래쪽으로 옮겨 보았지만 머리에있는 스크립트가 남아 있어야하거나 그렇지 않으면 모든 브라우저에서 다른 문제가 발생합니다.

출처

2014-05-17 ScorNinja

깜박임이 표시되지 않습니다. 아마도 비디오 카드 일지 모르지만 의심 스럽습니다. 그것은 또한 당신의 바이러스 스캐너가 IE를 방해 할 수 있습니다, 그들은 IE에서 미친 짓을합니다. 호환성 모드에 있지 않은지 확인하십시오. F12 도구에서이를 확인할 수 있습니다. 일부 이미지는 큰면에 있습니다. 더 빠르게 다운로드 할 수 있도록 이미지를 최적화 할 수 있습니다. 핵심 콘텐츠가 렌더링 된 후로드됩니다. –

주로 내게 가장 귀찮은 배너와 헤더입니다. 다른 브라우저에서 사이트를 탐색 할 때 머리글은 동일하게 유지되고 일관된 느낌을 제공하지만 IE에서는 흰색이 잠깐 깜박입니다. – ScorNinja

더 큰 이미지 (1000px 케이크 볼 등)를 "프로그레시브"jpeg로 저장하면 더 빨리로드 할 수 있습니다. 이것은로드 타임 동안 다른 것을 바꿀 필요없이 깜박임을 없애기에 충분할 수 있습니다.

깜박임이 여전히 사라지지 않으면 배경 효과를 줄이기 위해 배경색을 배치 할 수 있습니다.

또한 여기 좀 봐 : http://css-tricks.com/snippets/html/stop-ie-page-load-flicker/

을 다른 모든 실패하면, 나는 당신이 IE에 올 때 우리의 옵션을 무게 그냥 가능한 한 정중하게 저하 될 수 있도록 우리의 나머지 부분에 참여합니다 같아요.

출처

2014-05-17 05:22:46 KnightHawk

행운이 없습니다. 프로그레시브로 이미지를 설정하고 IE에서 페이지가 계속 깜박입니다. – ScorNinja

IE 사이트 탐색 페이지 깜박임

답변

관련 문제